Portfolio-Grid: Ein Foto-Magnet Menü in Webflow bauen

In diesem Webflow Tutorial bauen wir zusammen ein Foto-Magnet Text Menü. Ein Bild wird zuerst mit einem Hover-Effekt eingeblendet und verfolgt dann den Mauszeiger. Dieser moderne Ansatz wird auch häufig als Projekt-Übersicht auf einer Portfolio Startseite verwendet. Passend dazu gehts hier zu meiner Portfolio Challenge auf Patreon:   / 50987059   Das Ergebnis hier anschauen: https://text-grid-image-effect.webflo... Projekt direkt im Webflow Designer öffnen: https://webflow.grsm.io/Text-Grid-wit... * --------------------------------------------- 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 --------------------------------------------- 00:00 - Intro 01:28 - Aufbau & Struktur 03:17 - Wichtige Einstellungen Bild & Maske 05:47 - Tracking Mouse Movement einrichten 07:46 - Bild Hover Animation anlegen 16:45 - Ergebnis 17:03 - Outro #webflow #webdesign #webflowtutorial — ► Unterstütze meinen Kanal auf Patreon (mehrere 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   — Meinen Web & Design Podcast abonnieren: ► 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