https://github.com/kilian/jquery.pulsate

jQuery.pulsate.js adds a pulsating effect to elements. Useful for drawing the users attention.
https://github.com/kilian/jquery.pulsate

Last synced: 15 days ago
JSON representation

jQuery.pulsate.js adds a pulsating effect to elements. Useful for drawing the users attention.

• Host: GitHub
• URL: https://github.com/kilian/jquery.pulsate
• Owner: Kilian
• License: mit
• Created: 2011-07-10T12:50:57.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2017-03-10T10:15:31.000Z (over 7 years ago)
• Last Synced: 2024-10-08T14:13:39.116Z (about 1 month ago)
• Language: HTML
• Homepage: http://jquerypulsate.kilianvalkhof.com
• Size: 10.7 KB
• Stars: 52
• Watchers: 8
• Forks: 20
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
jquery.pulsate

==============

Adds a pulsating effect to elements. It started out as an experiment with 

outline-offset by [Kilian Valkhof](http://kilianvalkhof.com/). 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](http://kilianvalkhof.com/jquerypulsate/).

## Installation

    $ bower install jquery.pulsate

    

## Example

```js

$(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.