Как сделать параллакс svg элементов по движению мыши на блоке?

Question

[carbanak01]

Доброго времени суток !
Мне нужно повторить параллакс анимацию как на сайте https://www.templatemonsterpreview.com/ru/demo/904... , желательно без библиотек, хочу сделать на pure JS.
Подскажите, как можно реализовать или подтолкните в нужную сторону =)

Answer 1

[xenonhammer]

Ну все просто, создаются переменные x, y, которые являются координатами, дальше вешается слушатель на мышку который следит когда мышка двигается. А третий этап написать выражение которые вычислит новое значение координат картинке в зависимости от положения мышы. Вот пример

Comments

[carbanak01]

Это хорошее решение! Столько времени сёрфил инет, а на этот вариант не наткнулся.
Спасибо огромное.