@carbanak01

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

Доброго времени суток !
Мне нужно повторить параллакс анимацию как на сайте https://www.templatemonsterpreview.com/ru/demo/904... , желательно без библиотек, хочу сделать на pure JS.
Подскажите, как можно реализовать или подтолкните в нужную сторону =)
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 2
@xenonhammer
Ну все просто, создаются переменные x, y, которые являются координатами, дальше вешается слушатель на мышку который следит когда мышка двигается. А третий этап написать выражение которые вычислит новое значение координат картинке в зависимости от положения мышы. Вот пример
Ответ написан
LenovoId
@LenovoId
I want, women not to get sick
https://codepen.io/topicstarter/pen/vYgmQQR мало чем отличается от этого - тоже самое с svg - перебрать document.querySelectorAll и присвоить новое значение при движение мышки ..style.transform = `translateX(${x}px) translateY(${y}px)`;

Вот пример с SVG => https://codepen.io/topicstarter/pen/rNjgmeq
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы