Portfolio Splitscreen Scroll Animation (Free Template)
In diesem Webflow Tutorial zeigt Jonas Arleth, wie man eine maskierte Scroll-Animation erstellt, bei der ein Splitscreen-Effekt über den Text gelegt wird. Er erklärt, wie man die Animation analysiert und nachbaut. Dabei geht er auf verschiedene Elemente wie Navigation, Textverschiebung und Hintergrundfarbe ein. Er zeigt auch, wie man den Text in der Animation bewegt und gibt Tipps zur Optimierung. Am Ende empfiehlt er seinen Webflow Online-Kurs für ein tieferes Verständnis und professionelle Umsetzung.
Gesehen bei: https://pioneer-portfolio.webflow.io/
Ergebnis anschauen:
https://intro-splitscreen-scroll-anim...
Im Webflow Designer öffnen und klonen:
https://webflow.partnerlinks.io/intro... *
---------------------------------------------
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 – Intro
01:14 – Wie vorgehen, wenn man Animationen nachbauen will
03:13 – Aufbau Section Textbereich
06:57 – Splitscreen integrieren
10:11 – Animation umsetzen
#webflow #webdevelopment #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
----------------------------------------------
// SOCIAL MEDIA
► LinkedIn: / jonasarleth
► Instagram: / jonasarleth
► X: https://x.com/jonasarleth
----------------------------------------------
// 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