размыто фон на модальный

Question

Как иметь размытый фон вместо белого фона, когда всплывающее окно открывается?
Я хотел бы добавить:

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

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

но размытость в Всей странице, всплывающее окно включено. Кто-то может помочь, вот jsfiddle демо: https://jsfiddle.net/kodjoe/dgykn78o

Answer 1

свойства дают размытие .wrapper. Вы достигнете того, чего хотите.

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