3D Tablet Scroll Animation in Webflow

Wir bauen zusammen in Webflow eine 3D Scroll-Animation, mit der du während des Scrollens ein Tablet langsam zum Betrachter hin rotieren lassen kannst. Mit Hilfe einer 3D Perspektive kannst du hier in wenigen Schritten einen tollen Effekt erreichen und sogar animierte Videos anstatt einem statischen Bild einsetzen. Ich nutze diesen Aufbau in einer meiner Case Studies in meinem Portfolio.

Kapitel:

00:00 – Intro und Vorschau
00:34 – 2D Material in 3D nutzen
01:13 – 3D Effekt bauen
05:07 – Animation anlegen
06:47 – Animiertes Video einbinden
07:35 – Ergebnis

Erstelle eine beeindruckende Tablet-Scroll-Animation für dein Portfolio in Webflow

Willkommen zu einem neuen Webflow Tutorial, in dem wir gemeinsam eine coole Tablet-Scroll-Animation erstellen, die du auch perfekt in dein Portfolio integrieren kannst. Mein Name ist Jonas Arleth und ich werde dir Schritt für Schritt zeigen, wie du diese Animation mit nur wenigen Klicks in Webflow umsetzen kannst. Wir werden eine Mockup-Vorlage verwenden, die wir im letzten Video erstellt haben, um den Prozess zu vereinfachen.