3D Tablet Scroll Animation in Webflow

Level:
Einfach 👌

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.

Hier kannst du dir die kostenlosen iPhone & iPad Mockups in dein Webflow Projekt kopieren:

In Webflow öffnen

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