css - 如何让这个过渡更顺利？

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/