c03e1b936b
* Performance improved at least 4 times faster now * Stability & Responsiveness Improved * Reduced lags for animation & load-execution time * New demo : * This demo requires `kute-css plug-in` ```html``` <div class="dv"></div> <div class="dv"></div> <div class="dv"></div> ``` ```javascript var tl = new KUTE.Timeline(); tl.fromTo('.dv', { rotate : 0, left : 0 }, { rotate : 45, left : 200 }, { easing : 'easingBounceInOut', offset : { rotate : 200, left : 50 } }) tl.to('.dv', { backgroundColor : 'rgb(255, 204, 0)' }, { easing : { backgroundColor : 'easingExponentialInOut'}, offset: 300 }); tl.to('.dv', { top : 200 }, { easing : { top : 'easingElasticInOut' }, offset: 300, duration : 1000 }); tl.to('.dv', { width : 45 }, { easing : { width : 'easingElasticInOut' }, offset: 200, duration : 1000 }); tl.fromTo('.dv', { backgroundColor : 'rgb(255, 204, 0)' }, { backgroundColor : 'rgb(0, 204, 255)' }, { easing : { backgroundColor : 'linear'}, offset: 300 }); tl.to('.dv', { height : 45 }, { easing : { height : 'easingElasticInOut' }, offset: 200, duration : 1000 }); tl.fromTo('.dv', { rotate : 45 }, { rotate : 0 }, { easing : { rotate : 'easingExponentialInOut' }, offset : { rotate : 200 } }) tl.fromTo('.dv', { width : 45, height : 45 }, { width : 100, height : 100 }, { easing : 'easingElasticInOut', offset : 200 }) tl.fromTo('.dv', { left : 200, top : 200 }, { left : 0, top : 0 }, { easing : 'easingElasticInOut', offset : 200 }) tl.start(); ``` |
||
---|---|---|
.gitignore | ||
kute-bs.js | ||
kute-effects.js | ||
kute-html.js | ||
kute-matrix.js | ||
kute-textticker.js | ||
kute-timeline.js | ||
sequence.js | ||
timeline.html |