Backdrop Filter Playground

Create frosted glass and glassmorphism effects with backdrop-filter. Perfect for modern UI overlays and modals.

Live Preview

Frosted glass effect using backdrop-filter

Browser Support: backdrop-filter is supported in Chrome 76+, Safari 9+, Firefox 103+, and Edge 79+.

Blur

Saturation

Brightness

Contrast

Background Color

Background Opacity

Border Color

Border Opacity

Border Radius

Frosted Glass

Strong Blur

Subtle

Vibrant

/* CSS will appear here */