Роскошный модуль для создания интерактивной анимации на вашей странице. Различные объекты могут плавно передвигаться, реагируя на перемещение курсора мыши.
Подключение функционала
[HTML] К объекту, который следует анимировать, необходимо добавить атрибут data-prlx-mouse
<img src="@img/cover.jpg" data-prlx-mouse alt="Малюнок">[JS] В файле js/app.js раскомментировать строку import ‘./libs/parallax-mouse.js’
Дополнительные настройки
- data-prlx-cx=коэффициент_х (значение по умолчанию 100) – управление процентом смещения по оси X
- data-prlx-cy=коэффициент_y (значение по умолчанию 100) – управление процентом смещения по оси Y
- data-prlx-a=скорость анимации (значение по умолчанию 50) – управление скоростью анимации
- data-prlx-dxr – движение в противоположном направлении по оси X
- data-prlx-dxy – движение в противоположном направлении по оси Y
Расположение и дополнительные данные
Функционал находится в js/libs/parallax-mouse.js .