Question

I am not aware if this can be accomplished, but I am looking for solution to blur one class when I click on one button. I want this, because its modal popup frame and it doesnt actually look nice over all of the text in behind.

<div id="contentField" class="contentField-fix">
   <h2 id="postComment">Loads of text in here</h2>
</div>
<div id="modal"></div>

So what I wanna do is “onClick of Proceed div” which run “modal” , to blur everything that is in class of “contentField-fix”. Possible?

If not, I guess Ill need to try something else.

Answer 1

Using BlurJS

$('.contentField-fix').blurjs({
    source: 'body',  // Blur with the body as the background.
                     // You can specifify other elements as source.
    radius: 10, // Higher values for more blur
});