El mejor artículo de hoy: Implementar un kube.io/blog/liquid-gl…lado Liquid Glass en un navegador https://t.co/cTSnLxJqlc Esto utiliza CSS puro y efectos SVG. Sin duda merece la pena aprenderlo. Lo más destacable es que no utiliza ninguna biblioteca de terceros. Calcula el desplazamiento de la luz basándose exclusivamente en el principio físico de la refracción (Ley de Snell) y, a continuación, utiliza filtros SVG para distorsionar el fondo y lograr un efecto de distorsión realista que simula la visión a través de un cristal curvo. Además, añade resaltados en los bordes, lo que le confiere un aspecto visual muy similar al de Liquid Glass de Apple. El efecto es realmente asombroso, increíblemente refinado, y la distorsión es muy realista. Puedes ver la demostración interactiva en el artículo o puedes ver la grabación de mi pantalla. No sé cómo se les ocurrieron estos efectos, ni qué conocimientos necesito adquirir para comprender los principios subyacentes que los rigen.
Cargando el detalle del hilo
Obteniendo los tweets originales de X para ofrecer una lectura limpia.
Esto suele tardar solo unos segundos.