- 提供velocity.js动画增强包。
- 支持anition.css和magic.css两个动画库的所有动画(持续更新)
依赖velocity.js和 valocity.ui.js 直接按照velocity.js的语法进行使用
$elements.velocity("callout.bounce"); //参数就是动画名称
//采用与animation.css和magic.css同类名的形式
$elements.velocity("slideInUp");
//支持animation.css和magic.css中的所有动画,具体名称可以参考两个动画库的类名
var quene = [
{
name: 'fadeInUp',
duration: 2,
delay: 0,
loop: 1
},
{
name: 'bounce',
duration: 1,
delay: 1,
loop: true
},
];
MsAnimation.runAnimation('.square', quene, function() {
alert('结束');
//清除动画
MsAnimation.resetAnimation();
});
- animation.css所有动画名称
- magic.css几乎所有动画(一部分与animation.css相同的未实现)