ParticleEffectsButtons

ParticleEffectsButtons 介绍

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

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

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

网站地址:https://tympanus.net/codrops/?p=34685

GitHub:https://github.com/codrops/ParticleEffectsButtons/

网站描述:一款js点击按钮动画粒子特效

ParticleEffectsButtons

官方网站：https://tympanus.net/codrops/?p=34685