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');