VelocityJS中的过渡效果动画

Question

我正在使用速度动画模块。 我有一个部门想要应用一些效果，例如transition.flipXOut或transition.flipBounceXIn 。 （此链接的“效果：预注册”部分中的任何效果）。

到目前为止，我已经尝试了以下代码进行过渡。

Velocity(element, "flipXOut", {duration: 1500, easing: "easeInOutCirc"}) //Not working

Velocity(element, "transition.flipXOut", {duration: 1500, easing: "easeInOutCirc"}) // not working

如何将所有这些过渡与速度动画模块一起使用？

PS：我不使用jQuery，也不会使用速度CDN。

Answer 1

您需要在标题中添加velocity.ui.js文件。

请参阅此以获取更多信息https://www.smashingmagazine.com/2014/06/faster-ui-animations-with-velocity-js/