CSS glassmorphism generator

CSS glassmorphism generator.

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);