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

Question

[Роман Тузов]

Сделал вот такой код:

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

Comments

[YavaDev]

Ну как минимум в этой строке есть ошибка.

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

Вместо таких кавычек "text" надо поставить такие `text` (кнопка с буквой Ё на клавиатуре)
Здесь или здесь можно об этом почитать.

Answer 1

[Максим]

window.addEventListener("",{ code......})

Вот здесь надо использовать кавычку на букве ё

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

Comments

[Роман Тузов]

спасибо, работает!