CSS backdrop-filter Generator

Apply background effects with backdrop-filter

BACKDROP

Overlay Card

This element uses backdrop-filter to affect the background behind it.

CSS Code

Presets

Filters

Blur 10px

Brightness 100%

Contrast 100%

Grayscale 0%

Saturate 100%

Sepia 0%

Hue Rotate 0deg

Invert 0%

Opacity 100%

More Free Tools

🖼️ Resize ✂️ Crop 🗜️ Compress 🎨 Filters 🔄 Rotate ↔️ Flip 🌑 Shadow 📝 Overlay 🖼️ Border ⭕ Round 📱 QR Code 👨‍💻 Dev Tools 🔍 Search API