vendredi 20 février 2015

jQuery foggy plugin with .click


I managed (so far) to create this jsfiddle.

What I want to do other than that is reversing the foggy plugin process using the same button that trigger the whole process with a little help from foggy(false);

As you can see, I managed to trigger .foggy on .click but I can't reverse it yet



Solution:

I noticed that Foggy plugin isn't dynamic enough to remove the attribute that it created, it only removes style="" attr on load.

While I am still beginner of JavaScrpit I couldn't edit it to fit my needs, so I decided to use different method to get the main div class="bcontainer" blurry, its simple but effective. since I used .toggleClass with .click I used it to add another class="backgroundblur" to div class="bcontainer" than I used pure css3 -webkit-filter: blur(2px); to get things done,

and that is how I did it





Aucun commentaire:

Enregistrer un commentaire