Glassmorphism CSS Generator

Settings

Blur:

Opacity:

BorderOpacity:

BorderRadius:

Outline:

Choose style:

Choose style:

backdrop-filter: blur(5px);

-webkit-backdrop-filter:blur(5px);

box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

background-image: linear-gradient(155deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));

border-radius: 15px;

border-top: 2px solid rgba( 255, 255, 255, 1 );

border-left: 2px solid rgba( 255, 255, 255, 1 );