Scroll-Animation

3D Tablet Scroll Animation in Webflow

Level:
Einfach 👌
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

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

Ergebnis anschauen
Icon für einen externen Link
Projekt im Webflow Designer öffnen
Icon für einen externen Link