¿Cómo creo un efecto glassmorphism que mantenga el texto legible?.

Glassmorphism usa un panel translúcido, desenfoque del fondo y un borde claro. Puede parecer elegante, pero el texto desaparece si el fondo está muy cargado.

La regla principal es simple: el panel debe aportar contraste por sí mismo.

Haz que el cristal sea legible

• Usa suficiente opacidad para separar el panel de la imagen.
• Mantén texto oscuro sobre panel claro, o claro sobre panel realmente oscuro.
• Añade un borde sutil.
• Usa el desenfoque como apoyo, no como única distinción.
• Evita texto pequeño y fino sobre imágenes detalladas.

El Generador de Glassmorphism permite ajustar transparencia, desenfoque, borde y sombra antes de copiar el CSS. Prueba también un fondo cargado. Un panel algo más sólido suele ser mejor que un efecto llamativo que dificulta el uso.