CSS Glassmorphism Generator

Create frosted glass UI effects with backdrop-filter

Glass Card

Beautiful frosted glass effect using CSS backdrop-filter

CSS Code

Presets

Glass Effect

Blur 10px

Opacity 0.15

Saturation 180%

Glass Color

Border Opacity 0.2

Border Radius 16px

Shadow Opacity 0.1

Background

Background

Color 1

Color 2

Color 3

More Free Tools

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