querySelector работает толлько для первого элемента списка
Приветствую! Помогите, плиз, допилить код. Как сделать, чтобы в нижеуказанной "конструкции" JS срабатывал не только для первого элемента, но и для остальных с классом co-img. Пробовал querySelector заменить на querySelectorAll, не помогает.
var bg = document.querySelector('.co-img');
window.addEventListener('mousemove', function(e) {
let x = e.clientX / window.innerWidth;
let y = e.clientY / window.innerHeight;
bg.style.transform = 'translate(-' + x * 150 + 'px, -' + y * 150 + 'px)';
});
<div class="co-block">
<div class="co-img" style="background-image: url(imgpath);"></div>
</div>
<div class="co-block">
<div class="co-img" style="background-image: url(imgpath);"></div>
</div>
<div class="co-block">
<div class="co-img" style="background-image: url(imgpath);"></div>
</div>
Заранее СПАСИБО! |