如何使这种转变更加顺利?

时间:2013-09-30 15:26:12

标签: css

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);}

1 个答案:

答案 0 :(得分: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/