Scroll-Animation

Hintergrundfarbe beim Scrollen ändern – Scroll-Animation

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

In diesem Webflow Tutorial zeige ich dir, wie du während dem scrollen auf einer Website die Hintergrundfarbe einer Section änderst bzw. mit einem fade-in / fade-out Effekt ein und ausblendest. Dafür legen wir in Webflow eine Scroll-Animation an, die aktiviert wird, wenn der User in einen bestimmten Bereich scrollt.

Kapitel:

00:00 - Intro und Vorschau
00:32 - Start Tutorial
03:21 - Interaction anlegen
06:32 - Ergebnis

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