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