Anime.js简单但功能强大的JavaScript动画库

Anime.js

Anime.js V4 logo animation

Anime.js 是一个快速、多用途且轻量级的 JavaScript 动画库,拥有简单但强大的 API。
它兼容 CSS 属性、SVG、DOM 属性和 JavaScript 对象。

NPM Downloads jsDelivr hits (npm) GitHub Sponsors

用法

Anime.js V4 通过导入 ES 模块来工作,如下所示:

javascript 复制代码
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
});
Anime.js code example

安装

Anime.js 可以通过多种方式安装,具体取决于您的环境或工作流程。
本节介绍不同的安装方法。

通过 NPM 和打包工具安装
如果您使用 Vite 或 esbuild 等打包工具,只需通过 NPM 安装即可。

javascript 复制代码
npm install animejs

然后将 Anime.js 方法导入为 ES6 模块,如下所示:

javascript 复制代码
import { animate } from 'animejs';

导入

要使用 ES 模块语法导入 Anime.js v4,您可以使用如下所示的 import 语句:

javascript 复制代码
import {
  animate,
  createTimeline,
  createTimer,
  // ...other methods
} from 'animejs';

V4 文档

完整文档可在此处查看 (https://animejs.com/documentation)。

关于项目

Anime.js 是一个快速、多用途且轻量级的 JavaScript 动画库,具有简单但功能强大的 API。它适用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象。
MIT
Javascript
64,824
4339
774
2016-03-14
2025-10-07

增长趋势 - stars