Vorher / Nachher Scroll Animation 100% Made in Webflow
In diesem Tutorial zeigt Jonas Arleth, wie man eine vorher-nachher-Scroll-Animation in Webflow erstellt. Er erklärt, dass es nicht so einfach ist, wie es auf den ersten Blick aussieht, da man eine Maske erstellen muss, um das Video während des Scrollens zu verschieben. Er zeigt ein Beispiel einer Website, die diese Technik verwendet und gibt auch Tipps zur Gestaltung und Anpassung der Animation.
Ergebnis anschauen:
https://before-after-animation.webflo...
Kostenloses Cloneable:
https://try.webflow.com/before-after-... *
Affiliate Link
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
// TIMESTAMPS
00:00 – Vorschau
02:24 – Aufbau in Webflow
07:23 – Textelemente auf Background Video
09:32 – Scroll-Animation
12:49 – Video abdunkeln beim scrollen
14:29 – Optional: Beschreibung zentrieren
#webflow #css #webdesign
---------------------------------------------
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite
----------------------------------------------
// MEIN WEBDESIGN UND FREELANCER BLOG
► https://jonasarleth.com/blog
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
----------------------------------------------
Affiliate Links