Blurred call to action

PRO

Give your sections a premium frosted-glass feel. This backdrop blur softens the background behind any container, making text and CTAs pop while keeping the visual depth of your background image intact.

Copy

Unlock with Pro

Released

3 months ago

Category

Custom code

CSS

Built with

Need help?

Custom css

The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.

/*Element UI glassmorphism blur*/
.blur {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    z-index: 1;
}