Parallax hover affect

1.example.md

2.code.js

onmousemove = function(e){
	var positionY = e.clientY / 50
	var positionX = e.clientX / 50

	// Adjust translate position for elements with parallaxTranslate class on mouse move.
	var parallaxTranslate = document.querySelectorAll('.parallaxTranslate'), i;

	for (i = 0; i < parallaxTranslate.length; ++i) {
		parallaxTranslate[i].style.transform = 'translate(-' + positionX + 'px,-' + positionY + 'px)';
	}

	// Adjust translate position for elements with parallaxTranslate class on mouse move.
	var parallaxTranslateReverse = document.querySelectorAll('.parallaxTranslate-reverse'), i;

	for (i = 0; i < parallaxTranslateReverse.length; ++i) {
		parallaxTranslateReverse[i].style.transform = 'translate(' + positionX + 'px,' + positionY + 'px)';
	}
}