Generate glassmorphism / frosted glass CSS effect with backdrop-filter.
Glassmorphism Card
Frosted glass effect
Frosted glass effect
FAQ
Needs background?
Yes — backdrop-filter blurs what's behind. Parent or background image needed.
Browser support?
All modern browsers (Safari requires -webkit-backdrop-filter prefix).
Free?
Yes.
Performance?
backdrop-filter is GPU-intensive; use sparingly on mobile.