Come funzionano le transizioni

Questo esempio illustra l'effetto della transizione di visualizzazione: l'immagine visualizzata nella prima pagina non scompare bruscamente, ma si trasforma in modo fluido per diventare l'immagine della pagina successiva, con una nuova fonte e una diversa dimensione. Questo tipo di animazione conferisce fluidità e continuità alla navigazione.

In ogni pagina, alle due immagini è stata applicata una transizione identica (tramite la scheda Animazione).
Quando si passa da una pagina all'altra, il browser collega questi elementi e genera automaticamente un'animazione fluida tra loro.

Attenzione: affinché questa dimostrazione funzioni correttamente, la pagina deve essere aperta in una finestra completa (e non in una cornice).
Inoltre, l'API View Transition non è ancora supportata da Firefox.