Diseño con IA

Liquid Glass: el efecto que define el diseño web de 2026

Por  Israel Piña  06 min de lectura
Liquid Glass: el efecto que define el diseño web de 2026 — portada del artículo

Cómo el desplazamiento SVG y la refracción cromática convirtieron al vidrio líquido en el lenguaje visual del momento.

El vidrio líquido dejó de ser un truco de Apple para convertirse en un estándar visual de la web.

Cómo funciona

La clave está en un mapa de desplazamiento SVG que distorsiona el fondo del elemento, separando los canales rojo, verde y azul para lograr la aberración cromática del borde.

Por qué importa

Un buen efecto de vidrio comunica jerarquía: lo que flota sobre el contenido es interactivo, lo demás es lectura.

Compártelo con el mundo

Webflow Premium Partner