always p-pulse

[chadsteele]

Thank you @lokesh-coder - great tool!

Is there a way to get it to pulse on every click? I tried moving p-pulse from the parent class to the state, but it doesn't work...

            <div class="pretty p-icon p-round p-toggle ">
              <input type="checkbox" />
              <div class="state p-info p-on **p-pulse**">
                <i class="icon fa fa-arrow-down"></i>
                <label>Descending</label>
              </div>
              <div class="state p-info p-off **p-pulse**">
                <i class="icon  fa fa-arrow-up"></i>
                <label>Ascending</label>
              </div>
            </div>

[lokesh-coder]

Hi @chadsteele ,

Actually reverse animation feature is not yet available. 😞 But, you can try this code,

.pretty.p-pulse:not(.p-switch) input:not(:checked)~.state label:before {
    animation: pulseBack 1s;
}

@keyframes pulseBack {
    from {
        box-shadow: 0 0 0 1.5em rgba(189,195,199,0);
    }

    to {
        box-shadow: 0 0 0 0 #bdc3c7;
    }
}

[chadsteele]

Love it! Thank you! Works great for me. :)

…

On Sun, Nov 18, 2018 at 10:54 PM Lokesh ***@***.***> wrote: Hi @chadsteele <https://github.com/chadsteele> , Actually reverse animation feature is not yet available. 😞 But, you can try this code, .pretty.p-pulse:not(.p-switch) input:not(:checked)~.state label:before { animation: pulseBack 1s; } @Keyframes pulseBack { from { box-shadow: 0 0 0 1.5em rgba(189,195,199,0); } to { box-shadow: 0 0 0 0 #bdc3c7; } } — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#62 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AATNuvRhi_-VoKVZrz6sSxff3OG6u6ogks5uwkeQgaJpZM4YhH_O> .