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

开始使用

交错动画

通过简单的动画制作。

forward
from index
from center
easing
reversed
ripple

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

进一步了解 staggering

分层CSS转换

只需要一个元素。

translateX
translateY
rotate
scale

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

详细了解关键帧

控制和回调

时间就是一切。

animation begin
loop 1 begin
change begin
change complete
loop 1 complete
reverse
loop 2 begin
change begin
change complete
loop 2 complete
reverse
loop 3 begin
change begin
change complete
loop 3 complete
animation complete
delay
end-delay
change

使用完整的内置回调和控制功能，同步播放，暂停，控制，反向和触发事件。

进一步了解callbacks

动画任何东西

HTML，JS，CSS，SVG。

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

了解有关可动画属性的更多信息

入门

资源和文档。

下载
文档
实例