Glassmorphism CSS Generator

Made with by HYPE4

GLASSMORPHISM

Get free chapters from:

Front End Unicorn BookDesign User InterfacesThat Startup Book

Read about Glassmorphism on my blog

SETTINGS

Color

CSS

Copied to clipboard!

background:
rgba( 255, 255, 255, 0.25 );
box-shadow:
0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter:
blur( 4px );
-webkit-backdrop-filter:
blur( 4px );
border-radius:
10px;
Hits