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

Der schnellste Weg um die Hintergrundfarbe beim Scrollen zu ändern

Es gibt die unterschiedlichsten Möglichkeiten, wie du die Hintergrundfarbe in Webflow während des Scrollens von einer in eine andere Farbe wechseln kannst. Wenn du mal eine schnelle Methode brauchst, ist diese Variante aus diesem Video die Einfachste.


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