Animation

Cooler Website Bild-Zoom Effekt (Spannung aufbauen)

Level:
Fortgeschritten đź‘Ť

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.

Vorschau:

‍https://webflow-lernen.webflow.io/zoom-image-in-on-button-press

Projekt klonen:

Direkt im Webflow Designer öffnen

Effekt Original auf der VanMoof Website:

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