Cooler Website Bild-Zoom Effekt (Spannung aufbauen)

Level:
Fortgeschritten 👍
Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link

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