Resumo

  • O primeiro rascunho público do W3C, em outubro de 2022, descreveu uma transição entre estados do mesmo documento: o navegador guarda o visual antigo, a página atualiza o conteúdo e o navegador captura o novo visual para animar a troca.
  • As versões do nível 1 de 2023 e 2024 detalharam a sequência e os elementos nomeados. Um rascunho do nível 2 em 2024 levou a troca visual às navegações entre documentos.

Na primeira página de um jornal, a fotografia cabe numa chamada do tamanho de um cartão. Depois do clique, ela abre a reportagem em largura generosa. Parece natural que a imagem se mova de um lugar para outro. A estrutura real do site discorda: o cartão pertence ao estado anterior, a reportagem pertence ao seguinte. Por muito tempo, produzir a ilusão exigia manter as duas versões em cena, uma espécie de cenário provisório no documento. O truque visual passava a mandar na organização do conteúdo.

O primeiro rascunho público do W3C, de 25 de outubro de 2022, deu ao navegador o trabalho de fotógrafo. A página chama startViewTransition() e fornece a função que altera o documento. O navegador captura a aparência antiga, permite a mudança real e captura a aparência nova. Depois anima as imagens numa camada separada. O leitor ainda vê o cartão antigo por um momento; dentro do documento, a reportagem já tomou o lugar certo.

A separação resolve mais que um capricho estético. Duas interfaces ativas ao mesmo tempo podem confundir a ordem de leitura e o alvo das interações. Uma captura visual deixa o documento chegar diretamente ao estado novo. O navegador guarda o retrato temporário. A redação continua responsável por entregar a matéria, os links e a hierarquia corretos. A câmera não escolhe a notícia nem verifica se ela vale a abertura.

A Candidate Recommendation de 5 de setembro de 2023 descreveu as entradas e saídas: capturar o estado antigo, pausar o desenho, executar a função de atualização, capturar o novo estado, criar pseudo-elementos e animá-los depois de retomar o desenho. O efeito básico pode ser um simples esmaecimento de uma tela sobre a outra. Para uma fotografia ou um título seguir trajetória própria, o autor atribui view-transition-name e ajusta o CSS. O navegador monta o palco; o site escolhe quem ganha um número solo.

O palco exige nomes sem disputa. Dois elementos usando o mesmo nome no mesmo estado podem impedir a animação. O rascunho de Candidate Recommendation de 28 de março de 2024 especificou melhor a árvore de pseudo-elementos e os marcos de ViewTransition. Quando o efeito visual é pulado, a função de atualização ainda roda. A reportagem precisa aparecer mesmo que a cortina falhe. É uma distinção saudável para um produto cujo objetivo é informar antes de impressionar.

O histórico oficial do W3C marca a publicação inicial em 2022, o estágio de Candidate Recommendation em 2023 e outra revisão em 2024. Entre essas versões, a arquitetura fica reconhecível: o navegador mantém por pouco tempo imagens de dois estados; a página muda seu documento uma vez. A escolha do ritmo, dos elementos destacados e da aparência final continua com quem edita o site.

Restava atravessar uma porta maior. O rascunho de nível 2 de 13 de novembro de 2024 trata da transição durante a navegação entre documentos, com adesão das páginas envolvidas. No nível 1, a história mudava dentro do mesmo documento. No nível 2, a passagem liga dois documentos. O fotógrafo agora precisa acompanhar uma troca real de palco, e a continuidade visual deixa de ser apenas assunto de um componente.

A imagem que desliza da capa à matéria pode orientar o leitor com elegância. Também pode levá-lo, sem tropeços, à matéria errada. A diferença está na decisão do editor: o novo estado deve corresponder ao clique. O navegador cuida da despedida da cena anterior. A página seguinte precisa merecer a entrada.