[heav]

Hallo zusammen,

ich versuche gerade herauszufinden, wie der Effekt auf der
Startseite von bff.de gemacht ist.
(Das sich das Bild mit der Maus verschiebt).

Schon klar, dass sich die Werte von transform: translateX()
bzw. translateY verändern, aber wie steuere ich das an?

Ich müsste ja irgendwie die Mauszeigerposition per JS auslesen,
uns dass dann in den Wert für’s CSS umsetzen. Ich komm nur nicht
dahinter, wie das exakt gemacht ist (welches Script welches Element
ansteuert, etc.)

Der Blur-Effekt ist irrelevant für mich.

Danke & Grüße
hv

[top]

[heav]

Habs.
Falls es jemanden interessiert:

[top]

Wenn du auch noch auf unterschiedliche Größen des Browserfensters eingehen willst, könntest du statt dem Tausendstel, auch mit $window.width() die Breite des Fensters auslesen und dann einen gewünschten Faktor ergänzen.