Anime JS – JavaScript动画引擎

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

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

本站下载:

隐藏内容,您需要满足以下条件方可查看

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

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

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

浏览器支持:

ChromeSafariIE / EdgeFirefoxOpera
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
});
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新消息 消息中心
有新私信 私信列表
搜索