Want to blur your background parallax image using CSS?
- Give the section with the background parallax image a class of blur
- Add this code to your CSS file or Theme Options CSS section:
-
.blur .et_parallax_bg { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); }
-
- Change the 15px value in all instances for different effects. The higher the number of pixels, the blurrier the image will be, and vice versa.
Update: See this effect in action on this new website I launched on March 28, 2017