Animation

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

Level:
Fortgeschritten 👍
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

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:
https://www.patreon.com/posts/50987059

Kapitel:

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

Ergebnis anschauen
Icon für einen externen Link
Projekt im Webflow Designer öffnen
Icon für einen externen Link