Variante 1
- Als Video eingebettet
- Läuft in Dauerschleife
- --> große Dateigröße, geringere Websitegeschwindigkeit
Variante 1b
- Zur Veranschaulichung wie sich die unterschiedlichen Orangetöne der Animation zum Website-Orange (Streifen oben & unten) verhalten
- Durch die unterschiedlichen Töne wird man je nach dem wo die Animation platziert wird Kanten beim Übergang sehen. (Auch bei der grauen Animation)
- Als Video eingebettet
- Läuft in Dauerschleife
- --> große Dateigröße, geringere Websitegeschwindigkeit
Variante 2
- In "Lottie-Animation" umgewandelt um den Scroll-Effekt zu erzeugen
- Kein Video, viele Einzelbilder
- --> kleinere Dateigröße, höhere Websitegeschwindigkeit
- Position der Treppe verändert sich durch das Scrollen
- Etwas verwirrend / unruhig für das Auge da sich beim Scrollen mehrere Dinge in unterschiedlicher Geschwindigkeit / Richtung bewegen
- Je nach Browser (und anderen Faktoren) sind zwischen den Einzelbildern Orange-Frames zu sehen
Beispiel 1 M-Trepp
Animation vollflächig in Dauerschleife unter dem Startbildschirm
Beispiel 2 M-Trepp
Animation vollflächig in Dauerschleife im Hintergrund
