var mousePointer1 = document.getElementById('image-move1'); document.addEventListener('mousemove', function(e){ var x = e.pageX / window.innerHeight; x = x * 2; var y = e.pageY / window.innerWidth; y = y * 5; mousePointer1.style.webkitTransform = 'translateX(' + x + '%) translateY(' + y + '%)'; mousePointer1.style.transform = 'translateX(' + x + '%) translateY(' + y + '%)'; }) var mousePointer2 = document.getElementById('image-move2'); document.addEventListener('mousemove', function(e){ var x = e.pageX / window.innerHeight; x = x * 12; var y = e.pageY / window.innerWidth; y = y * 15; mousePointer2.style.webkitTransform = 'translateX(' + x + '%) translateY(' + y + '%)'; mousePointer2.style.transform = 'translateX(' + x + '%) translateY(' + y + '%)'; })