⚠ Your browser may not fully support backdrop-filter. Enable it in browser flags or use Chrome/Edge/Safari for accurate preview.

Presets

Glass Properties

Blur Amount 12px

Background Opacity 18%

Border Opacity 25%

Shadow Intensity 30%

Border Radius 16px

Tint Color

Background

No file chosen

Card Content

Dark content text

Glass Card

Glassmorphism creates depth and visual hierarchy using translucent surfaces with blur effects.

backdrop-filter

Generated CSS