()
| 126 | }, [isMouseEntered]); |
| 127 | |
| 128 | const handleAnimations = () => { |
| 129 | if (!ref.current) return; |
| 130 | if (isMouseEntered) { |
| 131 | ref.current.style.transform = `translateX(${translateX}px) translateY(${translateY}px) translateZ(${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`; |
| 132 | } else { |
| 133 | ref.current.style.transform = |
| 134 | 'translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)'; |
| 135 | } |
| 136 | }; |
| 137 | |
| 138 | return ( |
| 139 | <div |