January 2021

Hintergrundfarbe beim scrollen ändern – Scroll-Animation

Level:

Fortgeschritten 👍

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.

Schau dir das fertige Ergebnis hier an:
https://webflow-lernen.webflow.io/change-background-color-on-scroll

Projekt klonen:

Direkt in Webflow öffnen

Kapitel:

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