reactjs - 基于鼠标移动的 Framer 变换动画

Question

我正在尝试在这里模拟画廊中的悬停动画 - https://themes.themegoods.com/bookingo/demo/gallery-grid/

此处的 rotateX 和 rotateY 值根据鼠标在上方区域（图像内部）内的移动而更改。我仍然熟悉成帧器运动 API，但我看不到在whileHover更改变换期间获取鼠标坐标的方法。还有其他方法可以使用成帧器实现类似的结果吗？

编辑：当前进度：https ://codesandbox.io/s/mouse-move-framer-motion-tjqc0

标签： reactjsframer-motionframerjs