Glassmorphism Generator

Vista en tiempo realExport CSS 1 clic

Interface Preview

Crystal Dashboard

La tarjeta se mezcla con el fondo gracias al desenfoque y la saturación controlada. Ajusta el vidrio esmerilado y observa cómo las luces del fondo se filtran de forma sutil.

Blur: 14pxOpacidad: 72%Saturación: 120%Radio: 18px

Tips rápidos

· El desenfoque resalta el fondo; para fondos claros, sube la saturación.
· Mantén algo de opacidad (40-80%) para que el borde se note sin perder contraste.
· Añade un borde blanco translúcido y sombra profunda para separar la tarjeta.