Kute一个非常好用的Javascript动画框架

阅读更多

 

Kute是一个非常小的Javascript原生动画引擎，并提供一个jquery的插件。Kute提供了贝赛尔曲线的缓动函数，基于物理特征的缓动函数。他的原型结构让Kute不但突显了它的高性能和灵活性，同时也支持大部分的基础CSS/CSS3属性，稳定，坚固，文档丰富（笔者注： 我怎么没觉得）。

 

现在Kute最新的版本是1.6.6，使用npm加载，可以使用

 

"kute.js": "^1.6.6"

 

简单的示例：

 

var KUTE = require("kute.js"); //grab the core

let el = document.getElementById('testspan');

let t = KUTE.fromTo(el, { translate: 0, opacity: 1 }, // fromValues
    { translate: 150, opacity: 0 },
    // tween options object
    { duration: 1500, delay: 0, easing: 'exponentialInOut' }
); // toValues
t.start();