KI
Kilian/jQuery.pulsate
jQuery.pulsate.js adds a pulsating effect to elements. Useful for drawing the users attention.
jquery.pulsate
Adds a pulsating effect to elements. It started out as an experiment with
outline-offset by Kilian Valkhof. By animating it you can create
a pulsating effect that's useful for focussing attention to a certain part of your webpage
in a subtle way.
See the examples.
Installation
$ bower install jquery.pulsate
Example
$(element).pulsate({
color: $(this).css("background-color"), // set the color of the pulse
reach: 20, // how far the pulse goes in px
speed: 1000, // how long one pulse takes in ms
pause: 0, // how long the pause between pulses is in ms
glow: true, // if the glow should be shown too
repeat: true, // will repeat forever if true, if given a number will repeat for that many times
onHover: false // if true only pulsate if user hovers over the element
});License
Dual licensed under the MIT and GPL licenses.
On this page
Languages
HTML53.0%JavaScript38.6%Ruby8.4%
Latest Release
v1.0.0March 10, 2017MIT License
Created July 10, 2011
Updated May 9, 2025