Web Toolkit
Dark Mode
Glassy Effect Generator
Generate CSS for beautiful glassy UI effects.
Settings
Blur (10px)
Saturation (180%)
Background Color
Background Opacity (0.20)
Border Color
Border Opacity (0.30)
Border Radius (12px)
Box Shadow
Shadow Color
Shadow Opacity (0.10)
Shadow X Offset (0px)
Shadow Y Offset (8px)
Shadow Blur (32px)
Shadow Spread (0px)
Preview
Glassy Card
Generated CSS
Copy