Today we’d like to share a little effect library with you that can be used to create bursting particle effects. The idea is to disintegrate an element into particles and making it disappear (and vice versa). This effect looks really interesting on buttons, so we’ve created a little collection that showcases a bunch of different styles for the effect.
Particles library depends on anime.js to perform animations, so you need to include it before
Particles. Also, please make sure to include all the
scripts at the end of the
A little library that can be used for bursting particles effects on buttons and other elements https://tympanus.net/codrops/?p=34685
Then you can start disintegrating/integrating things like:
<!-- Normal HTML element to disintegrate --> <button class="button">Button</button> <script src="anime.min.js"></script> <script src="dist/particles.min.js"></script> <script> // 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 </script>