ParticleEffectsButtons 介绍
ParticleEffectsButtons是一款js点击按钮动画粒子特效。该特效在点击按钮时,按钮会以各种粒子分解的方式进行隐藏,点击重放按钮后,又会以粒子组合的方式重新组装成 一个 按钮,非常炫酷。
该js点击按钮动画粒子特效共有12种不同的粒子动画特效,动画使用anime.js来制作。
ParticleEffectsButtons 使用 方法
在 页面 中引入anime.min.js和particles.min.js 文件 。
<script src="js/anime.min.js"></script>
<script src=" dis t/particles.min.js"></script>
?html结构在 页面 中插入 一个 按钮。
<button class="button">Button</button>
?初始化 插件然后会通过下面的 方法 来初始化该js点击按钮动画粒子特效
// Initialize a new instance of Particles to dis integrate/integrate the button
var particles = new Particles('.button');
// dis integrate the button into particles
particles. dis integrate();
// 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
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
查看更多关于ParticleEffectsButtons的详细内容...