Easing 是动画的平滑函数扩展包。由于 jQuery 自带的比较少,通过这个包可以增加更多平滑函数。
直接 require 就行,默认会把平滑函数混入到 jQuery 中。
require('easing');
$('#demo').animate({
width: 'toggle',
height: 'toggle'
}, {
duration: 5000,
specialEasing: {
width: 'linear',
height: 'elasticBoth' // 直接使用扩展的平滑函数名就好
},
complete: function() {
$(this).after('<div>Animation complete.</div>');
}
});