Как сделать этот переход более гладким?

Question

Есть тема на tumblr под названием Optica (http://safe.txmblr.com/theme/preview/37310), и я пытаюсь сделать что-то похожее на нижний колонтитул на моей теме. Я смог сделать этот код до сих пор: http://jsfiddle.net/zXAeu/ Но переход не выглядит таким гладко, как другой. Что мне не хватает?

#info 
    {margin-top:-40px; 
    opacity:1; 
    z-index:0; 
    -webkit-transition: opacity 0.35s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -o-transition: all 0.35s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -ms-transition: all 0.35s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -moz-transition: all 0.35s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: opacity 0.35s cubic-bezier(0.860, 0.000, 0.070, 1.000);} 

Answer 1

Попробуйте продлить продолжительность перехода и использовать «обычный» CSS код, чтобы воссоздать кубическую Безье эффект или вы можете просто использовать что-то вроде этого:

-webkit-transition: all 1s cubic-bezier(.42, 0, 1, 1); 
-moz-transition: all 1s cubic-bezier(.42, 0, 1, 1); 

Если вам действительно нужно что-то: http://www.roblaplaca.com/examples/bezierBuilder/