jQueryTween - 补间动画引擎


MIT
跨平台
JavaScript

软件简介

jQueryTween 是 jQuery 上面一个轻量的补间动画引擎。能够为高性能硬件加速动画。换句话说就是在加载图片时的动作像闪电般迅速。

示例:

 // 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 
});