Anime JS - JavaScript动画引擎

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
});