TWEEN ANIMATION

Init Parameters

Init a tween animation.

name type default info
keys JsonObject
<string|number|[number,number]>
Targets's properties or attributes or styles
duration number 1000(ms)
delay number 0(ms)
endDelay number 0(ms)
direction 'forward'|'backword'|'alternate' 'forward'
loop boolean|number 1
autoreset boolean true
round number 3
easing function Easings.LINEAR

CODE EXAMPLE

new TweenAnim({
    keys: {
        translateX: 250
    },
    duration: 1000,
    delay: 500,
    endDelay: 500,
    direction: 'alternate',
    loop: true,
    autoreset: true,
    round: 0,
    easing: 'BACK_IN_OUT'
}).targets('.el');