tilt.js

;(function () {
	var tilt_a = document.querySelector("[tilt][-a]")
	var tilt_b = document.querySelector("[tilt][-b]")
	var tilt_c = document.querySelector("[tilt][-c]")
	addEventListener("mousemove", function (e) {
		setTimeout(function () {
			var x_pc = e.clientX/innerWidth  - 0.5
			var y_pc = e.clientY/innerHeight - 0.5
			tilt_a.style.setProperty("transform", `perspective( 1rem) rotateY(${x_pc*15}deg) rotateX(${-y_pc*15}deg) translateX(${-x_pc*25}rem) translateY(${-y_pc*25}rem)`)
			tilt_b.style.setProperty("transform", `perspective(50rem) rotateY(${x_pc*15}deg) rotateX(${-y_pc*15}deg)`)
			tilt_c.style.setProperty("transform", `perspective(50rem) rotateY(${x_pc*15}deg) rotateX(${-y_pc*15}deg) translateZ(2rem)`)
		}, 25)
	}, { capture: false, passive: true })
}())