jQueryTween补间动画引擎
jQueryTween 是 jQuery 上面一个轻量的补间动画引擎。能够为高性能硬件加速动画。换句话说就是在加载图片时的动作像闪电般迅速。
- 一个超轻巧的jQuery插件,可作为
tween.js
(javascript动画引擎)和jQuery用户的控制器,使工作变得更加轻松。想象一下,写init()
,animate()
并update()
一遍又一遍? - 支持最流行的过渡,例如
transform
,opacity
,color
和backgroundPosition
高达60
每秒帧数。 - 也可以做的 smooth scrollTo
- 这是关于
8k
微细化以及加6k
的tween.js
,你可以做一吨的很酷的事情,而不需要使用昂贵或复杂的动画引擎。 - 这是一个简单,轻便的应用程序,我敢说,在涉及简单补间时,它更多地取决于性能。
- 请记住
tween.js
,除了AIO包之外,jQueryTween插件未包含该插件。有关详细信息,请参见演示。
示例:
// Complex example jQueryTween syntax $('#selector').jQueryTween({ from: { opacity: 1, translate: {x:0, y:0, z:0}, rotate: {x:0, y:0, z:0}, scale: 1 }, to: { opacity: 0.5, translate: {x: 150, y: 50, z: -100}, rotate: {x: 5, y:15, z:-25}, scale: 1.5 }, repeat: 2, // can be number or 'Infinity' duration: 1500, easing: TWEEN.Easing.Exponential.InOut, // my favorite delay: 500, }, function() { //do some cool stuff when tween finished animating }, function() { //do some cool stuff while tween is running });
评论