{ const c = document.querySelector('.card-4d'); const r = c.getBoundingClientRect(); const x = (e.clientX - r.left) / r.width - .5; const y = (e.clientY - r.top) / r.height - .5; c.style.transform = `perspective(1000px) rotateY(${x*6}deg) rotateX(${-y*6}deg)`; }"
@mouseleave="document.querySelector('.card-4d').style.transform = 'perspective(1000px) rotateY(0deg) rotateX(0deg)'">