Anime JS - JavaScript 动画引擎

Anime.js（/ˈæn.ə.meɪ/）是一个轻量的 JavaScript 动画库，拥有简单而强大的 API。
可对 CSS 属性，SVG，DOM 和 JavaScript 对象进行动画。

• 官方网站： 详情
• GitHub： 详情
• 中文网站： 详情
• 官方文档： 详情

anime.js 的内置分散系统使复杂的动画和重叠动画变得简单。它可以用于时间和属性。

动画多个 CSS 在个别 HTML 元素上同时使用不同的顺序转换属性。

Anime.js 适用于任何网络。CSS，SVG，DOM 属性和 JavaScript 对象：使用拆分统一 API 为所有内容设置动画。

浏览器支持：

使用帮助：

Download

Via npm

1
$ npm install animejs --save

or manual download.

Usage

ES6 modules

1
import anime from 'animejs/lib/anime.es.js';

CommonJS

1
const anime = require('animejs');

File include

Link anime.min.js in your HTML :

1
<script src="anime.min.js"></script>

Hello world

1
anime({
2
  targets: 'div',
3
  translateX: 250,
4
  rotate: '1turn',
5
  backgroundColor: '#FFF',
6
  duration: 800
7
});