js点击按钮动画粒子特效插件

js点击按钮动画粒子特效插件

这是一款js点击按钮动画粒子特效。该特效在点击按钮时,按钮会以各种粒子分解的方式进行隐藏,点击重放按钮后,又会以粒子组合的方式重新组装成一个按钮,非常炫酷。

该js点击按钮动画粒子特效共有12种不同的粒子动画特效,动画使用anime.js来制作。

使用方法
在页面中引入anime.min.js和particles.min.js文件。

1
2
<script src="js/anime.min.js"></script>
<script src="dist/particles.min.js"></script>

HTML结构

1
<button class="button">Button</button>

初始化插件
然后会通过下面的方法来初始化该js点击按钮动画粒子特效

1
2
3
4
5
// Initialize a new instance of Particles to disintegrate/integrate the button
var particles = new Particles('.button');
// Disintegrate the button into particles
particles.disintegrate();
// particles.integrate(); // would do the opposite

配置参数
particles.min.js插件允许我们设置配置参数,可用的配置参数如下:
js点击按钮动画粒子特效

文件信息:

    3

    发表评论