Tilt Card

어려움

마우스 움직임에 따라 3D로 기울어지는 카드

#hover#javascript#smooth

라이브 데모

🎲

3D Tilt

마우스를 움직여보세요

코드

TiltCard.tsx

const rotateX = ((y - centerY) / centerY) * -10;
const rotateY = ((x - centerX) / centerX) * 10;
card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;