Anime JS – JavaScript動(dòng)畫引擎

Anime.js（/??n.?.me?/）是一個(gè)輕量的JavaScript動(dòng)畫庫(kù)，擁有簡(jiǎn)單而強(qiáng)大的API。
可對(duì)CSS屬性，SVG，DOM和JavaScript對(duì)象進(jìn)行動(dòng)畫。

• 官方網(wǎng)站： 詳情
• Github： 詳情
• 中文網(wǎng)站： 詳情
• 官方文檔： 詳情

anime.js的內(nèi)置分散系統(tǒng)使復(fù)雜的動(dòng)畫和重疊動(dòng)畫變得簡(jiǎn)單。它可以用于時(shí)間和屬性。

動(dòng)畫多個(gè)CSS在個(gè)別HTML元素上同時(shí)使用不同的順序轉(zhuǎn)換屬性。

Anime.js適用于任何網(wǎng)絡(luò)。CSS，SVG，DOM屬性和JavaScript對(duì)象：使用拆分統(tǒng)一API為所有內(nèi)容設(shè)置動(dòng)畫。

瀏覽器支持：

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