Velocity.js Option 配置项

2018年2月5日 作者 张舫

Velocity 提供了丰富的可选配置项,可以更好的控制动画,你也可以利用这些配置做出炫酷复杂的动画特效。

1. Duration 动画执行时间

Velocity 的动画执行时间以毫秒为单位,并支持 jQuery 中的动画速度关键字: “slow”,“normal”,“fast”

2. Easing 缓动效果

2-1. 默认 5 种缓动方式

  1. jQuery UI 的缓动关键字(预定义在 Velocity 源码中)
  2. CSS3 的缓动关键字
  3. CSS3 贝塞尔曲线
  4. 弹簧物理缓动(spring physics)
  5. 步骤缓动(step easings)