anime.js

如果你正在寻找一个快速和轻量级的动画库，那么Julian Garnier编写的Anime.js是一个你可以考虑的选择。它可用于处理 CSS 属性、SVG、DOM 属性和 JavaScript 对象的动画效果。

anime.js是一个强大的用来制作动画的javascript库，虽然功能没有GASP（greensock）强大，但胜在它足够轻便，gzip压缩完只有9kb左右，麻雀虽小，却五脏俱全。 

主要特点

• 支持多种目标元素的动画：CSS 属性、SVG、DOM 属性和 JavaScript 对象
• 提供简单易用的 API，如 animate 函数可快速创建动画
• 支持丰富的缓动函数和动画参数配置（时长、延迟、循环等）
• 支持时间线动画，可通过 createTimeline 创建复杂的动画序列
• 支持拖拽功能，通过 createDraggable 实现元素拖拽交互

安装与使用

import { animate, stagger } from 'animejs';

animate('.square', {
  x: 320,
  rotate: { from: -180 },
  duration: 1250,
  delay: stagger(65, { from: 'center' }),
  ease: 'inOutQuint',
  loop: true,
  alternate: true
});

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/38