Léxico TI › Web › View Transitions API

View Transitions API

Web Svenska → Actualizado: 2026-09-03

API del navegador que fotografía la página antes y después de un cambio y anima la transición por ti, incluso a través de una carga de página real.

La llamada document.startViewTransition(callback) toma una instantánea del aspecto actual, ejecuta tu cambio en el DOM, toma otra instantánea y funde entre ambas. Para algo más que un crossfade, se asigna view-transition-name a los elementos que deben emparejarse — una miniatura en una lista y esa misma imagen en la vista de detalle — y el navegador transforma gradualmente entre las posiciones. Las animaciones se controlan con CSS normal mediante pseudoelementos como ::view-transition-old y ::view-transition-new. Lo realmente interesante es la variante entre documentos, activada con una regla CSS, que da a los sitios multipágina las transiciones suaves que hasta ahora eran uno de los argumentos más fuertes para construirlo todo como una SPA.

← Volver al léxico