Framer Motion问题收集

 1. whileHover和animate如果同时设置了相同的属性，会出现bug------hover结束的时候会重新执行animate里面的动画效果。如下代码：

// animate、whileHover、whileTap中相同属性会出现冲突！
animate={{
    y: [30, 0]
}}

whileHover={{
    y: -2,
}}

whileTap={{
    y: 1,
}}

目前解决办法：

不要设置相同的属性即可！如下：

animate={{
    y: [30, 0]
}}

whileHover={{
    x: -2,
}}