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

时间:2021-07-03 21:51:37

标签: reactjs framer-motion framerjs

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

这里的rotateX 和rotateY 值根据鼠标在上方区域(图像内)内的移动而改变。我仍然熟悉成帧器运动 API,但我没有看到在 whileHover 期间获取鼠标坐标以更改变换的方法。有没有其他方法可以使用成帧器实现类似的结果?

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

0 个答案:

没有答案