Generador de Glassmorphism

Crea efectos de vidrio esmerilado con salida CSS

Tarjeta de vidrio

Efecto de vidrio esmerilado

Fondo

Color de tinte

#FFFFFF

Desenfoque12px

Opacidad del fondo20%

Saturación150%

Ancho del borde1px

Opacidad del borde30%

Radio del borde16px

Salida CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px) saturate(150%);
-webkit-backdrop-filter: blur(12px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 16px;

Herramientas relacionadas

Generador de Neumorphism

Diseña elementos suaves con sombras

Color y diseño

Generador de Box Shadow

Constructor visual de sombras CSS con múltiples capas

Color y diseño

Generador de degradados CSS

Crea degradados lineales, radiales y cónicos con paradas visuales

Color y diseño