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

Ergebnis anschauen

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

Im Webflow Designer öffnen und klonen

https://preview.webflow.com/preview/webflow-lernen?utm_medium=preview_link&utm_source=designer&utm_content=webflow-lernen&preview=25ac349dc1edd443449a3691e0fb6d60&pageId=609ecc8b79a0656df9879612&workflow=preview

Im Webflow Designer öffnen und klonen

Affiliate 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