Animation

Cooler Website Bild-Zoom Effekt (Spannung aufbauen)

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

Bild ran zoomen on Button press: Sobald man mit der Maus in einen bestimmten Bereich kommt, verschwindet der Cursor und wird durch ein Element ersetzt, welches den Cursor verfolgt und auf die Interaktion aufmerksam macht. Je nachdem wie lang oder kurz man die Maus dann auf der Fläche gedrückt hält, wird ein Bild im Hintergrund vergrößert bzw. verkleinert. So kann hervorragend Spannung aufgebaut werden und man bindet den Seitenbesucher mit einer kleinen Interaktion in die Story mit ein.

Ein netter Animations-Effekt, auf den mich Doris aus meiner Webflow Onlinekurs Community aufmerksam gemacht hat. Ich baue ihn heute mal fĂĽr dich nach.

‍

Effekt Original auf der VanMoof Website:

‍https://www.vanmoof.com/de-DE/s3?color=dark

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