Glassmorphism Generator

Generate glassmorphism CSS effects with backdrop blur.

Glass

Blur (10px)

Background Opacity (0.5)

Border Opacity (0.3)

Background Color

background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);

You may also need

Share Feedback

Your ideas help us improve ✨

Priority

Your suggestion

0 chars