This time I will share jQuery Plugin and tutorial about Create A Particles Background With jQuery – Buoyant, hope it will help you in programming stack.
Buoyant is a tiny (2kb minified) jQuery plugin to create animated particles from any CSS shapes or images that move randomly across the background of your webpage when activated.
How to use it:
1. Load the minified version of the Buoyant plugin after jQuery library.
1 |
< script src = "/path/to/cdn/jquery.min.js" ></ script > |
2 |
< script src = "/path/to/dist/jquery.buoyant.min.js" ></ script > |
2. Attach the plugin to the target element and define the image or CSS shape for the particles.
7 |
elementClass: 'myShape' |
3. Set the min/max size of the particles.
4. Set the min/max animation speed of the particles.
5. Set the number of particles to generate.
6. Full configuration options with default values.
02 |
containerClass: "buoyant-container" , |
03 |
parentClass: 'buoyant-parent' , |
08 |
backgroundColor: "black" , |
15 |
collisionEfficiency: 1, |
This awesome jQuery plugin is developed by hamayunaziz. For more Advanced Usages, please check the demo page or visit the official website.