GLASSMORPHISM

CSS GLASS

Controls

Transparency: 10%

Blur: 5px

Color

Border Opacity: 20%

Preview

Preview Card title

Beautiful glass-like transparency

CSS Code

/* Generated by: cssglass.com */
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);