Glassmorphism CSS Generator

Generate CSS for the popular frosted glass UI effect.

Glass Effect

Blur (px): 5

Opacity (%): 20

CSS Code:

What is Glassmorphism?

Glassmorphism is a UI design trend that uses background blur and semi-transparent backgrounds to create a frosted glass effect. It creates a sense of depth and hierarchy in web design.