Glassmorphism Generator

Card Options

Card Background:

Opacity20%

Blur

Border Options

Border

Border Color:

Border Opacity20%

Border WidthBorder StyleBorder Radius

Profound Coder

Generated CSS:

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