介绍
Anime.js是一个轻量级的JavaScript动画库,具有简单但功能强大的API。它与CSS属性,SVG,DOM属性和JavaScript对象一起使用。
Github
在Github上已收获近35k的star数,可见其非常受广大使用者的热爱!https://github.com/juliangarnier/anime/
特性
复杂的交错动画变得简单
css分层转换
在单个HTML元素上同时以不同的时间对多个CSS变换属性进行动画处理。
控件和回调
时间就是一切
使用完整的内置回调和控件功能同步播放,暂停,控制,倒退和触发事件。
动画任何东西
HTML,JS,CSS,SVG
安装使用npm install animejs --save
ES6:import anime from 'animejs/lib/anime.es.js';
CommonJS:const anime = require('animejs');
anime({
targets: 'div',
tran