Glassmorphism Generator

Create glassmorphism effects with blur, transparency, border controls, live preview, and copy CSS.

Blur: 12px Opacity: 20% Saturation: 100% Border Radius: 16px Border Width: 1px Border Opacity: 15%

Glass Color

Border Color

Background Gradient

Preview

This is a glassmorphism effect with backdrop blur and transparency.

CSS Code

More Design Tools tools at toool.cc