Anime.js

Anime.js

轻量JavaScript动画引擎

开发官网

应用介绍

网页动效写到后面,CSS 关键帧、定时器和各种库混在一起,想让一串动画依次错开播放就要手算延迟。Anime.js 用一套统一的接口去驱动 CSS 属性、SVG、DOM 属性和 JavaScript 对象,时间线把多个动画编排在一起,补间、错位、循环都能控制。

MIT 协议,体积小,文档站里每个功能都有可以直接改的示例。

软件功能



时间线:把多段动画排进同一条时间轴,设置先后、重叠和回放。

错位动画:给一组元素自动加递进延迟,做出波浪、扩散效果。

SVG 与文本:支持路径描摹、形变,以及按字或词拆分文字做动画。

可拖拽与滚动:内置可拖拽对象和滚动联动,不用另找库。

缓动函数:提供丰富的缓动曲线和弹簧效果。

应用截图