Anime.js – 效果惊艳、使用简单的免费开源动画引擎

Anime.js - 效果惊艳、使用简单的免费开源动画引擎

一个轻量级的开源动画库,特别适合做狂拽酷炫吊炸天的效果。

介绍

Anime.js 是一个轻量级的 javaScript 动画库,API简单但功能非常强大。支持配合CSS属性,SVG,DOM属性和JavaScript对象一起使用。

特点

  • 几行代码就能实现复杂的交错动画,非常酷炫;
  • 支持css分层转换。在单个HTML元素上同时以不同的时间对多个CSS变换属性进行动画处理;
  • 内置回调和控件功能,支持同步播放,暂停,控制,倒退和触发事件;
  • HTML,JS,CSS,SVG 形式的动画都支持,很强!

使用体验

web上稍微复杂一点的动画,都需要大量的精力去打磨,而 Anime.js 能让做酷炫动画变得简单。支持cdn直接引入、CommonJS 引入和ES6的模块化引入(Vue cli开发方式),真的很方便,官网那些酷炫的动画效果,足以说明一切。

Anime.js - 效果惊艳、使用简单的免费开源动画引擎
官网展示的酷炫动画效果
Anime.js - 效果惊艳、使用简单的免费开源动画引擎
官网展示的酷炫动画效果

版权说明

Anime.js遵循 MIT License 开源协议,请放心搬砖。

原创文章,作者:yifang,如若转载,请注明出处:http://www.zhichizi.com/740.html