How to Add Blur Image/Video Background in Elementor

 

 

Code snippet for Blurry Background

selector:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    z-index: 1;
}
selector .elementor-container{
    z-index: 1;
}

 

2 thoughts on “How to Add Blur Image/Video Background in Elementor”

  1. I аm really imρressed with your writing skills as well as with thе layout on your blog.
    Is this a paid theme or did yⲟu modіfy it yourѕelf?
    Either wаy keep up the nice quality writing, it’s rare to sеe a great blog like this
    one these days.

Leave a Comment

Your email address will not be published. Required fields are marked *