Coole Website Page Load Animation mit 3D Effekt bauen

Level:
Profi 💪
Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link

In Teil 3 beschäftigen wir uns mit der Seiten-Lade-Animation (Page Load), bei der wir die Sonne und den Schriftzug „SaveSion” vergrößert zentriert darstellen und dann an den eigentlichen Platz im Header zurück animieren (eine Art Preloader). Das gibt eine kurze und gute Aufmerksamkeit auf das eigentliche Thema und den Grund der Kampagne. Gleichzeitig dreht sich das Auto, sowie die Wand im Hintergrund leicht mit einem 3D Rotate Effekt rein. Es soll eine Art Bühne darstellen, die gedreht wird. im nächsten Part bauen wir dann die Scroll Animation, die direkt nach dem laden der Seite folgt.