mouse.motion.parallax.effect.js

mouse.motion.parallax.effect.js

document.querySelectorAll('.mover').forEach( mover => {
	
	if( window.angular ) return;
	
	window.addEventListener('mousemove', (e) => {
		
		if( !calculating ) {
			
			var calculating = setTimeout( () => {
				
				var divisor = mover.getAttribute('speed') ?? 32;
				
				var windowMouseX = (e.clientX - (document.documentElement.clientWidth / 2));
				var windowMouseY = (e.clientY - (document.documentElement.clientHeight / 2));
				var computedCSS = '';
				
				var translateX = (windowMouseX / divisor) * -1;
				var translateY = (windowMouseY / divisor) * -1;
				computedCSS += 'transform: translateX(' + translateX + 'px) translateY(' + translateY + 'px);';
				mover.style.cssText = computedCSS;
				
				clearTimeout(calculating);
			}, 100);
			
		}
		
	})
	
})