Easing 该Easing模块实现通用缓动功能。Animate.timing()使用此模块传达动画中物理上可信的动作。
该Easing模块有大量预定义的曲线,或者您可以使用自己的功能。 配置是一个对象,可能有以下选项: duration:动画的长度(毫秒)。默认500。 easing:放松功能来定义曲线。
thisfunctionanimate(){if(TWEEN.update()){requestAnimationFrame(animate)}}newTWEEN.Tween({tweeningNumber:oldValue}).easing
declareclassUIElement{animate(options:AnimationOptions):void;}interfaceAnimationOptions{deltaX:number;deltaY:number;easing
您可以通过传递easing参数来指定不同的缓动函数。自定义duration甚至delay在动画开始之前也支持。
typeEasing="ease-in"|"ease-out"|"ease-in-out";classUIElement{animate(dx:number,dy:number,easing:Easing
'*'}),animate(250,style({height:0}))])])] 动画时间线 对每一个动画转场效果,有三种时间线属性可以调整:持续时间(duration)、延迟(delay)和缓动(easing