Glassmorphism Generator

Create glassmorphism effects with blur, opacity and color controls

Glassmorphism

Blur10

Opacity25

Border Radius16

Background Color

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.18);

Instructions

Create glassmorphism effects. Adjust blur, opacity, and background color.