programming/Javascript

mousemove 이벤트를 활용해서 입체감 더하기

amazingDavi 2020. 8. 10. 01:43
window.addEventListener('mousemove', function(e){
    mousePos.x = -1 + (e.clientX / window.innerWidth)*2; 
    mousePos.y = 1 - (e.clientY / window.innerHeight)*2; 
    spaceElem.style.transform = `rotateX(${mousePos.y*8}deg) rotateY(${mousePos.x*8}deg) `;
});