Как сделать что бы при наведении мышкой на картинку она двигалась в противоположную сторону от мыши?

Question

[Александр]

Добрый день!
Как сделать что бы при наведении мышкой на картинку она двигалась в противоположную сторону от мыши?

Условно есть div блок, 200 на 200, в нем картинка 40 на 40, находится в верхнем углу. При наведении на этот блок картинка начинает смещаться на 20 пикселей в противоположную сторону от мыши.

Подскажите хоть где посмотреть и почитать, на learn.javascript.ru не нашел, возможно не то читал.

Comments

[Kovalsky]

Довольно просто гуглится: jsfiddle.net/9CDtE/4

Answer 1

[0xD34F]

Слушать событие mousemove, в зависимости от event.movementX задавать transform: translateX. Например.