Como funcionam as transições

Este exemplo ilustra o efeito View Transition: a imagem exibida na primeira página não desaparece abruptamente, mas se transforma suavemente para se tornar a imagem da próxima página, com uma nova fonte e um tamanho diferente. Esse tipo de animação proporciona fluidez e continuidade à navegação.

Em cada página, uma transição idêntica foi aplicada às duas imagens (por meio da guia Animação).
Quando você passa de uma página para a outra, o navegador vincula esses elementos e gera automaticamente uma animação fluida entre eles.

Observação: para que essa demonstração funcione corretamente, a página deve ser aberta em uma janela inteira (e não em um quadro).
Além disso, a API de transição de exibição ainda não é compatível com o Firefox.