Parallax Card

어려움

마우스 움직임에 따라 패럴랙스 효과가 있는 카드

#hover#javascript#smooth

라이브 데모

Parallax Card

Move your mouse

코드

ParallaxCard.tsx

const handleMouseMove = (e) => {
  const x = (e.clientX / window.innerWidth - 0.5) * 20;
  const y = (e.clientY / window.innerHeight - 0.5) * 20;
  setTransform(`translateX(${x}px) translateY(${y}px)`);
};