my-jquery-pulsate

1.0.0 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i my-jquery-pulsate

Weekly Downloads

36

Version

1.0.0

License

ISC

Unpacked Size

12 kB

Total Files

7

Last publish

Collaborators

  • manjits1991