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.

И он работает только с CSS с transform и transition.