如何使用'easeOutBack'easing與Velocity.js

Question

我使用veloicty.js來動畫我的網站上的元素。除了easeOutBack之外，我可以使用任何其他緩動方法。我以爲我讀到除了'反彈'效果之外，所有內容都包含在庫中。

我還包括jqueryui到我的項目中，只是最後一次努力，看看是否有幫助。沒有運氣。

這裏是我使用的是什麼：

$('element').mouseenter(function (event) { 
    $(this).find('h2').velocity({ 
     'top': 20 
    }, { 
     'duration': 300, 
     'easing': 'easeOutBack' 
    }); 

或者，是我需要用2個速來電手動創建效果的情況下。一個將元素的位置設置爲20，然後將另一個設置回20？

Answer 1

如the docs說：

預包裝成速度是jQuery用戶界面的漸變效果，除了回，反彈，有彈性寬鬆的類型。

所以很遺憾，你不會有與easeOutBack寬鬆任何運氣。

但是，由於它是一個簡單的預定義三次貝塞爾曲線，因此您可以簡單地使用它的值生成效果：[0.175, 0.885, 0.32, 1.275]作爲easing選項的值。