Easings

优质
小牛编辑
131浏览
2023-12-01

动画缓冲函数可以确定在动画过程中不同时刻的动画速度。 jQuery内核自带有2种动画渐变: linear,整个动画在一个恒定的速度中进行(匀速) ,和swing (jQuery内核的默认渐变效果),此效果开始和结束的速度要比中间过程的速度要慢。 jQuery UI还提供了其它一些额外的渐变函数,这些函数会在 swing效果中搜索变量来自定义其它效果,比如bouncing(反弹)。

一些缓冲函数在动画过程中会产生负数值。呈现动画效果的属性不同, 某些属性的实际值可能会在为0时被锁定。例如,你可以将left值渐变为一个负数,但是你不能将height或者opacity的值缓冲为一个负数。

理解动画缓冲如何影响动画最好的方式就是查看对应的函数图像。下面列出了jQuery UI中所有动画的函数图像。