jQuery Plugin For Adding Pulsating Effects To Elements - pulsate

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

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.