如何讓這個過渡更平滑？

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

來源

2013-09-30 user2831652

像這樣的東西？ http://jsfiddle.net/zXAeu/3/ –

儘量延長過渡期限，並使用「通常」的CSS代碼重新三次Bezier效果，或者你也可以只使用這樣的事情：

-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/

來源

2013-09-30 15:54:40 Pixeladed

謝謝！那個網站幫了我很多。 – user2831652

如何讓這個過渡更平滑？

回答

相關問題