Glassmorphism Generator

Card Background:

Opacity

Blur

Border Radius

Border

Border Color:

Border Opacity

Border Width

Border Style

Profound Coder

CSS Generated Code:

background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);