Glassmorphism CSS Generator

Black And White
background - 1
background - 2
background - 3
background - 4
background - 5
background - 6
Gradient Type
background - 7
background - 8
background - 9
background - 10
background - 11
background - 12
background - 13
background - 14
background - 15
Hello 👋
World 🌏

Settings

Transparency 0.05
Blur Value 4
Border Transparency 0.05

Color Picker

Shadow Color

CSS Code

background: rgba( 250, 250, 250, 0.25 );
box-shadow: 1px 1px 15px 1px rgba( 0, 0, 0, 0.25 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.05 );

Copied
Click to Copy