Anime.js(/ˈæn.ə.meɪ/
)是一个轻量的JavaScript动画库,拥有简单而强大的API。
可对CSS属性,SVG,DOM和JavaScript对象进行动画。
- 官方网站: https://animejs.com/
- Github: https://github.com/juliangarnier/anime
- 中文网站: https://www.animejs.cn/
- 官方文档: https://www.animejs.cn/documentation/
本站下载:
[zrz_file link="https://cdn.getimg.net/npc/2019/github/anime-v20191123.zip" name="anime-v20191123.zip" code=""]anime.js的内置分散系统使复杂的动画和重叠动画变得简单。它可以用于时间和属性。
动画多个CSS在个别HTML元素上同时使用不同的顺序转换属性。
Anime.js适用于任何网络。CSS,SVG,DOM属性和JavaScript对象:使用拆分统一API为所有内容设置动画。
浏览器支持:
Chrome | Safari | IE / Edge | Firefox | Opera |
---|---|---|---|---|
24+ | 8+ | 11+ | 32+ | 15+ |
使用帮助:
Download
Via npm
$ npm install animejs --save
or manual download.
Usage
ES6 modules
import anime from 'animejs/lib/anime.es.js';
CommonJS
const anime = require('animejs');
File include
Link anime.min.js
in your HTML :
<script src="anime.min.js"></script>
Hello world
anime({
targets: 'div',
translateX: 250,
rotate: '1turn',
backgroundColor: '#FFF',
duration: 800
});