Hintergrundfarbe beim Scrollen ändern – Scroll-Animation
Level:
Fortgeschritten 👍
Ergebnis anschauen
https://webflow-lernen.webflow.io/change-background-color-on-scroll
Im Webflow Designer öffnen und klonen
https://preview.webflow.com/preview/webflow-lernen?utm_medium=preview_link&utm_source=designer&utm_content=webflow-lernen&preview=25ac349dc1edd443449a3691e0fb6d60&pageId=609ecc8b79a065e3b0879605&workflow=preview
Im Webflow Designer öffnen und klonen
Affiliate Link
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.