Published On Nov 23, 2022
Heute zeige ich dir eine Möglichkeit, wie du den Pfad einer gezeichnete SVG Linie während des Scrollens durch die Website „malen” bzw. animieren kannst. Über mein Patreon Account habe ich den kompletten One-Pager Layout Prozess in Webflow als Video dokumentiert: / 74222598 .
Ergebnis anschauen:
https://guest-house-one-pager.webflow.io
Kostenloses Webflow Cloneable:
https://webflow.grsm.io/guest-house-o... *
Außerdem habe ich diese einfachen Scroll-Animationen, eingesetzt:
• Webflow Websites mit diesen einfachen...
---------------------------------------------
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:07 – Linie im Layout Programm zeichnen
02:55 – Grundaufbau in Webflow
06:16 – Grundproblem
07:19 – Lösung 1: Lazy Loading bei allen Bildern deaktivieren
07:35 – Lösung 2: Der Linie eine feste Höhe geben
09:38 – Lösung 3: Bei den Bildern mit Aspect Ratio arbeiten
00:00 – Ergebnis
#webflow #websitedesign #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
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
----------------------------------------------
* Affiliate Links