jQuery Plugin For Adding Pulsating Effects To Elements - pulsate

File Size: 5.74 KB
Views Total: 1821
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Adding Pulsating Effects To Elements - pulsate

Pulsate.js is a super simple jQuery plugin which adds CSS based, highly customizable pulsating effects to any DOM elements for grabbing your user's attention. Dual licensed under the MIT and GPL licenses.

How to use it:

1. All you need is to include the jQuery pulsate.js plugin after loading jQuery library as follow.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.pulsate.js"></script>

2. And then call the function pulsate() on where you want to apply the pulsating effect.

$("#selector").pulsate();

3. That's it. The plugin provides several options which can be passed to pulsate() as an object.

$("#selector").pulsate({

  // color of the pulse
  color: $(this).css("background-color"),

  // how far the pulse goes in px
  reach: 20,

  // animation speed in ms
  speed: 1000,

  // how long the pause between pulses is in ms
  pause: 0,

  // shows glow
  glow: true,

  // will repeat forever if true
  // if given a number will repeat for that many times
  repeat: true,

  // triggerd on mouse hover
  onHover: false

});

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