Want to blur your background parallax image using CSS?

  1. Give the section with the background parallax image a class of blur
  2. 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); }

  3. 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

Comments

comments

Pin It on Pinterest

Share This