anime.js的內置分散系統使復雜的動畫和重疊動畫變得簡單。它可以用于時間和屬性。
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
});