Glass Effect CSS Generator
Create beautiful glassmorphism designs with real-time preview and generated code
Glass Effect Controls
Background Opacity
0.1
Blur Intensity
12px
Border Opacity
0.2
Shadow Intensity
0.3
Border Radius
20px
Colors
Additional Effects
Backdrop Filter
Live Preview
Glass Effect
This is a live preview of your glass design
Preview Background
Generated CSS Code
CSS
SCSS
Tailwind
/* Generated CSS will appear here */
Glass Effect Examples
Frosted Glass
Smoke Glass
Prism Glass
Crystal Glass
CSS copied to clipboard!