/ all snippets

Add Glass Effect

This CSS snippet adds a glass effect in Elementor. To make the snippet work properly, set the image background to transparent and a transparent border as well.

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

selector {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}