Cómo se compara el renderizado de Liquidify con referencias nativas.
Liquidify representa el material Liquid Glass mediante CSS y SVG. El objetivo es reproducir sus proporciones, comportamiento y tratamiento visual en el navegador.
@liquidify/glass combina desenfoque del fondo, tinte refractado, reflejos y contenido. Material o la prop material seleccionan el acabado:
frosted: mayor opacidad para fondos complejos.regular: equilibrio entre transparencia y legibilidad.clear: mayor transparencia para fondos tranquilos.El material y la profundidad expresan agrupación y énfasis. No sustituyen la semántica accesible.
Las proporciones, radios, alturas, animaciones y estados se basan en las Human Interface Guidelines de Apple.
Cada componente se compara con una referencia nativa capturada en un simulador, en temas claro y oscuro y sobre un fondo diagonal. Las capturas de referencia y las pruebas de regresión permiten detectar diferencias visuales.
Las imágenes de referencia forman parte del proceso privado de verificación. No se incluyen en esta documentación pública.
El efecto completo requiere funciones CSS y filtros SVG modernos. Cuando no están disponibles, se conserva el desenfoque y el reflejo estático. La semántica, el estado y la distribución no dependen de la refracción. Consulta la compatibilidad con navegadores.