Glassmorphism Generator

Genera el efecto cristal (glassmorphism) con desenfoque, transparencia y borde CSS.

Diseño

Controles

Ajusta el efecto de cristal: desenfoque, opacidad, borde y redondeo.

Desenfoque

030

Opacidad

0100

Opacidad del borde

0100

Redondeo

030

Borde claro

Vista previa

CSS generado

.glass { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 16px; }

El efecto glass se genera en tu navegador: no se envía ningún dato a un servidor.