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
小编说
以上是编程之家为你收集整理的ParticleEffectsButtons全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。