Scroll-Animation

Portfolio Grid mit Teaser Animation in Webflow erstellen

Level:
Einfach đź‘Ś
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

Wir bauen zusammen eine dezente Scroll-Into-View Animation, welche Teaser Bilder rein animiert, sobald sie in den sichtbaren Bereich des Seitenbesuchers kommen. Die Webflow Interaktion kann zum Beispiel fĂĽr ein einfaches Portfolio Grid oder auch auf jeder Startseite als Teaser fĂĽr die Unterseiten genutzt werden.

Wenn du diesen Aufbau verwendest, funktioniert der Effekt  genauso auch mit Videos oder Background-Videos die im Loop durchlaufen (siehe Cloneable).
Du kannst die Animationen bei bedarf auch ganz einfach mit einer zusätzlichen CSS-Klasse deaktivieren, falls du sie mal irgendwo nicht zeigen möchtest.

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