CSS / FREE ONLINE TOOLS

CSS Glassmorphism Generator

Create a visual design with exportable code.

Files stay on your device

Primary colorSecondary color

Size / radius 24pxAngle / speed 135Blur / curve 20Opacity / curve 35%

Result

.scene { background: linear-gradient(135deg, #b9ee58, #38c6dc); }
.preview { background: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.4); border-radius: 24px; backdrop-filter: blur(20px); }

More css tools

CSS Loader Generator CSS Checkbox Generator CSS Switch Generator CSS Clip Path Generator CSS Background Pattern Generator