Resumen

  • El primer borrador público del W3C de octubre de 2022 propuso que el navegador capturara el aspecto anterior de un documento, ejecutara la actualización de la página y capturara el aspecto nuevo para animar el paso entre ambos.
  • Los textos de nivel 1 de 2023 y 2024 precisaron la secuencia y los elementos nombrados. Un borrador de nivel 2 de 2024 llevó la transición visual a la navegación entre documentos.

En el periódico digital hay una foto pequeña junto al titular. Al abrir la noticia, la foto aparece arriba a toda anchura. El ojo agradece que la imagen parezca viajar de un lugar al otro. El código tradicional tenía un problema de escenografía: para mostrar a la vez la salida de la tarjeta y la entrada del artículo, a menudo mantenía dos versiones vivas en el documento. Una estaba de despedida y otra de bienvenida. Las dos ocupaban un lugar real en una estructura que el lector y sus herramientas debían interpretar.

El primer borrador público del W3C, publicado el 25 de octubre de 2022, trasladó el truco de escenario al navegador. Una página inicia startViewTransition() y proporciona la función que actualizará el documento. El navegador captura la apariencia vieja, deja que la función haga el cambio y captura la nueva. Después anima esas representaciones en una capa visual. La noticia nueva ya está en el documento; la vieja aparece por un instante como una fotografía que termina de salir por la puerta.

Separar la imagen de la estructura evita pedirle al DOM que represente dos realidades para sostener un efecto. La transición puede seguir siendo vistosa, pero el documento tiene un estado verdadero después de la actualización. La responsabilidad editorial sigue en el sitio: cargar la noticia correcta, ordenar el contenido y hacer que el nuevo estado tenga sentido. El navegador maneja el decorado temporal, no escribe el texto que habrá detrás.

La Candidate Recommendation del 5 de septiembre de 2023 describió la rutina casi como un guion teatral: capturar el estado viejo, pausar el dibujo, ejecutar la actualización, capturar el nuevo, crear pseudo-elementos y animarlos al reanudar el dibujo. De entrada hay un fundido general. El diseñador puede nombrar una imagen o un encabezado mediante view-transition-name para que tenga su propia trayectoria. El navegador pone la tarima; la página decide qué actor merece un foco aparte.

Los nombres exigen cierta disciplina. Dos elementos con el mismo nombre de transición en un estado pueden arruinar el efecto. El borrador de Candidate Recommendation del 28 de marzo de 2024 detalló el árbol de pseudo-elementos, la llamada y los momentos que señalan sus promesas. Incluso cuando se omite la animación, la función de actualización se ejecuta. Esa regla coloca cada cosa en su sitio: primero tiene que existir la nueva página; luego puede lucirse la forma de llegar a ella.

El historial oficial del W3C fecha el primer texto público en 2022, el paso a Candidate Recommendation en 2023 y otra revisión en 2024. En los tres se ve una misma respuesta a una necesidad concreta: conservar el aspecto viejo sin dejar una copia falsa del contenido en el documento. El navegador sabe producir las capturas y la capa de transición. El autor sabe qué estado debe mostrarse y qué elementos merecen un movimiento propio.

La siguiente escena cruzaba una frontera mayor. El borrador de nivel 2 del 13 de noviembre de 2024 abordó las transiciones durante la navegación entre documentos, con una vía de participación explícita. Ya no se trataba solo de cambiar una vista dentro del mismo documento. El navegador debía enlazar visualmente dos páginas separadas por una navegación real. La cámara seguía siendo útil; el cambio de decorado se había trasladado a otro teatro.

Al lector le interesa una pregunta menos técnica: ¿la tarjeta que eligió conduce a la noticia que esperaba? Un movimiento bien hecho le permite seguir la pista de la imagen y entender dónde llegó. Un movimiento pomposo hacia una página equivocada es solo una equivocación con presupuesto de animación. El navegador puede fotografiar el pasado. El sitio tiene que acertar con el presente.