Задать вопрос
@douxes

Как сбросить положение блока при уходе с него курсора мыши?

Уважаемые господа! Есть вот такой код:

window.onload = function () {

const kvant = document.querySelector('.kvant-vid');

kvant.onmouseover = function () {

let bg = document.querySelectorAll('.kvant-vid');

for (let i = 0; i < bg.length; i++) {

kvant.addEventListener('mousemove', function (e) {

let x = e.clientX / window.innerWidth;
let y = e.clientY / window.innerHeight;
bg[i].style.transform = 'translate(-' + x * 50 + 'px, -' + y * 50 + 'px)';
});
}
}
}

Не могу разобраться, как сбросить положение блока при отведении с него курсора. В данный момент блок виснет с таким transform с каким его застал уход курсора.
  • Вопрос задан
  • 49 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы