Css3 Transition不起作用

Question

我正在尝试使用css3过渡从屏幕外部滑出页面。我能够在屏幕上显示页面，但是当我点击相应的按钮时，我无法将其滑出。

我的css文件中的转换：

#about {
  background: #262626;
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  height: 364px;
  position: -99999px left;
}

#about:target {
  position: +99999px left;
  width: 10%;
  height: 10%;
}

我的html文件中的按钮:(目前只在关于我的页面上工作）

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav navbar-right">
    <li class="hidden">
      <a href="#page-top"></a>
    </li>
    <li class="page-scroll">
      <a href="#portfolio">Home</a>
    </li>
    <li class="page-scroll">
      <a href="#about">About me</a>
    </li>
    <li class="page-scroll">
      <a href="#media">Media</a>
    </li>
  </ul>
</div>

Answer 1

你见过this post吗？它似乎是同一个问题，而且它有一个working demo。

它仅适用于transform和transition的CSS。