Code ToolsReady
Backdrop Filter Generator
Add to favoritesCreate frosted glass backdrop-filter CSS with a live preview.
- CSS
- Backdrop Filter
- Generator
Create frosted glass backdrop-filter CSS with a live preview.
Glass preview
Adjust the sliders to shape the blur, saturation, and tonal filters on this card.
.glass-panel { backdrop-filter: blur(18px) saturate(1.4); background-color: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 1.5rem;}