CSS Glassmorphism

Generate frosted-glass CSS effects with adjustable blur, opacity, and border.

css glassmorphism glass frosted blur design

Glass Card

This is a glassmorphism effect.

CSS
background: rgba(255, 255, 255, 0.25);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
No ratings yet — be the first!

💬 Comments

to leave a comment

Loading comments...

✨ Oriz AI

🤖

Hi! I'm Oriz AI. Ask me anything about the tools on this page.

BYOK-first · Puter.js fallback · 10 providers available