CODEWITHSUNDEEP
javascriptjqueryhtmlcsssimplemodal
faty fatoumata
faty fatoumata

Reputation: 215

Blurry background on modal

How to have a blurred background instead of the white background when popup is opened ?
I would like to add :

-webkit-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
-moz-filter: blur(8px);
-o-filter: blur(8px);

on
.splash { background-color: rgba(255, 255, 255, 0.9);}

but the blur is in the fullpage, popup included. Someone can help, here is a jsfiddle demo: https://jsfiddle.net/kodjoe/dgykn78o

Upvotes: 0

Views: 6470

Answers (1)

Ganesh Yadav
Ganesh Yadav

Reputation: 2685

give blur properties to .wrapper. You'll achieve what you want.

.wrapper{
    -webkit-filter: blur(8px);
    -ms-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    filter: blur(8px);
}

enter image description here

Upvotes: 1

Related Questions