jQuery Plugin For Random Particles Burst Animations

File Size: 35 KB
Views Total: 4953
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Random Particles Burst Animations

A lightweight and fancy jQuery plugin used for creating random particles burst animations from a given image, with configurable offset, duration and frequency.

See also:

How to use it:

1. Create an element the particles burst animations should appear.

<div class="jquery-particule-emitter"></div>

2. Load jQuery library and the jQuery Particles Burst's script in the document when needed.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="lib/jquery-particles-burst.js"></script>

3. Active the plugin and set the image path for the particles.

$('.jquery-particule-emitter').pburst({
  particle: 'image.png'
})

4. The required CSS styles the particles.

.jquery-particle {
  position: absolute;
  opacity: 0;
}

5. Config the burst animation with the following options.

$('.jquery-particule-emitter').pburst({
  partoffset: 150, 
  duration: 1000, 
  frequency: 100
})

6. API methods.

// shows the particles
$('.jquery-particule-emitter')..pburst('create_part');

// sets the number of particles
$('.jquery-particule-emitter').pburst('burst_part', 50);

This awesome jQuery plugin is developed by Glideh. For more Advanced Usages, please check the demo page or visit the official website.