ParticleEffectsButtons 使用方法

在页面中引入anime.min.js和particles.min.js文件。

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

 html结构

在页面中插入一个按钮。

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

 初始化插件

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

// 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