CSS glassmorphism generator

Generate stunning glassmorphism effects with our free CSS Glassmorphism Generator. Customize opacity, blur, and color for modern design elements.

Users

Michael Johnson

Software Engineer

Sophia Wilson

Sales Executive

William Brown

Financial Analyst

Isabella Anderson

Project Manager

Glass color

Blur

10px

Opacity

0.5

Use border for glass

Show content on glass?

Use basic shapes for preview

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