Glassmorphism Studio
ImageGenerate CSS frosted glass effects
Glass
Transparency0.15
Blur12px
Saturation160%
Outline0.25
Corner radius16px
Tint
Preview
Frosted glassbackdrop-filter preview
Code
background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 16px;