12个强大的 JavaScript 动画库，让你的项目更炫酷

---

前言

动画效果，可以快速吸引访客注意力。

通过创造性的对象运动和流畅的页面过渡，您不仅可以为您的网站增添独特的美感，还可以增强用户参与度并创造令人难忘的第一印象。

在今天这篇文章中，我们跟你分享12个强大的 JavaScript 库，从而让创建动画变得简单。像滚动动画、手写动画、SPA页面过渡、打字动画、彩色动画、SVG动画……它们功能无穷。

---

01、Anime.js

地址：https://animejs.com/

Anime.js 在 GitHub 上拥有超过 43k Stars，毫无疑问是最受欢迎的动画库之一。

它是一个轻量级的 JavaScript 动画库，具有简单的 API，可用于对 CSS 属性、SVG、DOM 属性和 JavaScript 对象进行动画处理。使用 Anime.js，您可以播放、暂停、重新启动或反转动画。

该库还提供了令人惊叹的功能，可以通过后续和重叠操作对多个元素进行动画处理。还包括各种与动画相关的事件，我们可以使用回调和 Promise 来监听这些事件。

2.Lottie

地址：https://airbnb.io/lottie/#/

Lottie 是一个库，可解析使用 Bodymovin 插件导出为 JSON 的 Adobe After Effects 动画，并在移动和 Web 应用程序上本地渲染它们。这样就无需手动重新创建专家设计