Seitenübergang animieren

Die logische Variante, wenn man die Page Transition auf allen Seiten benutzen möchte, ist es, das Element einfach in eine Komponente zu packen, die ohnehin auf jeder Seite vorhanden sein wird. Das ist zum Beispiel der Header, der Footer oder vielleicht sogar die NavBar. Da hat man einfach die volle Entscheidungsfreiheit. Aber dennoch ein wichtiger Tipp, damit die Transition nicht auf jeder Seite (und das können ganz schön viele werden) einzeln hinzugefügt werden muss.

Der page-flickering-blocker besitzt als div-block dieselben Einstellungen wie der page-transition-div-block. Ihm ist über page load die Animation Flickering Blocker mitgegeben, durch die die Farbe der page-transition 0,1s länger dargestellt wird. Dadurch wird ein Flimmern überschattet, das manchmal in dieser kurzen Zeitspanne auftreten kann.

Der page-flickering-blocker besitzt als div-block dieselben Einstellungen wie der page-transition-div-block. Ihm ist über page load die Animation Flickering Blocker mitgegeben, durch die die Farbe der page-transition 0,1s länger dargestellt wird. Dadurch wird ein Flimmern überschattet, das manchmal in dieser kurzen Zeitspanne auftreten kann.