Kilian / jQuery.pulsate

jQuery.pulsate.js adds a pulsating effect to elements. Useful for drawing the users attention.
http://jquerypulsate.kilianvalkhof.com
MIT License
52 stars 20 forks source link

Pulsate on a button doesn't work on bootstrap #13

Closed blackholegalaxy closed 8 years ago

blackholegalaxy commented 8 years ago

Hi Kilian,

Tried to apply your pulsate animation on a

<button class="btn btn-default" id="pulsate">Pulsate</button>

But it doesn't seem to work on this kind of element. On a div, it works.I think BTN bootstrap class removes the outline by setting it at 0 !important.

Here is the JS i use:

jQuery('#pulsate').pulsate({
    color: "#bf1"
 });

Works if i use a div:

<div id="pulsate">Pulsate</div>

Is there any way to get a bypass of btn outline: 0 !important setting?

Kilian commented 8 years ago

Hi Blackhole,

It's bootstrap's default settings that's overwriting the outline that jquery.pulsate sets. It works on a button without class btn, so try that and style the button yourself?

Cheers, Kilian

ps. you did help me find another bug, so thanks!