Почему не работает параллакс?

Сделал вот такой код:
document.addEventListener("mousemove", parallax);
      function parallax(e) {
        this.querySelectorAll(".layer").forEach((layer) => {
          var speed = layer.getAttribute("data-speed");

          var x = (window.innerWidth - e.pageX * speed) / 100;
          var y = (window.innerHeight - e.pageY * speed) / 100;

          layer.style.transform = "translateX(${x}px) translateY(${y}px)";
        });
      }

Ну и в html всё установил как надо
<h3 class="main__subtitle layer" data-speed="3">
            какой-то текст
          </h3>


Никаких ошибок нет в консоли, код несколько раз проверил на ошибки и ничего не заметил. В чём тут может быть проблема?

P.S. Код скрипта указывается сразу в html через script
  • Вопрос задан
  • 142 просмотра
Решения вопроса 1
LenovoId
@LenovoId
I want, women not to get sick
window.addEventListener("",{ code......})

Вот здесь надо использовать кавычку на букве ё
layer.style.transform = `translateX(${x}px)translateY(${y}px)`


Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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