一个小型库,可用于在按钮和其他元素上生成爆炸粒子效果
粒子效果 为按钮添加爆炸的粒子效果。作者：Luis Manuel。Codrops Demo 文章 信息 - anime.js 基本使用 Particle 库依赖于 anime.js 来执行动画，因此您需要在 Particle 之前包含它。此外，请确保在 body 元素的末尾包含所有脚本。然后，您可以开始分解/整合以下内容： html 按钮选项 为了进行自定义，您可以将选项传递给 Particle 构造函数。这些选项将覆盖默认值，并将用于任何未来的操作（分解或整合）。您还可以为特定操作覆盖选项。以下是可用的选项的完整列表： | 名称 | 类型 | 默认值 | 描述 | |------------------------------|-------------------------|----------------------------|-------------| |canvasPadding | 整数 | 150 | 生成的画布的边距，将位于目标元素的正后方。canvasPadding = 0 将导致画布和目标元素具有相同的尺寸。 | |duration | 整数 | 1000 | 执行目标元素和粒子动画的持续时间（毫秒）。 | |easing | 字符串或函数 | easeInOutCubic | 执行目标元素动画的缓动函数。它将直接传递给 anime.js。 | |type | 字符串 | circle | 粒子类型。可以是以下值中的任意一个：circle、rectangle、triangle | |style | 字符串 | fill | 粒子样式。可以是以下值中的任意一个：fill、stroke。 | |direction | 字符串 | left | 开始分解元素的方向。可以是以下值中的任意一个：left、right、top、bottom。相反的方向将用于执行整合操作。 | |size | 浮点数或函数 | 从 1 到 4 的随机值 | 粒子的大小（像素）。 | |speed | 浮点数或函数 | 从 -2 到 2 的随机值 | 每帧粒子移动的像素数。它可以是一个函数，以便根据粒子随机设置（默认值）。 | |color | 字符串 | 目标的背景颜色 | 用于填充粒子的颜色。 | |particlesAmountCoefficient | 浮点数 | 3 | 计算要动画的粒子数量的系数。一个 particlesAmountCoe…
暂无开放 Issues，或尚未同步最近议题。