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為所有內容設置動畫。

瀏覽器支持：

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