В настоящее время я сталкиваюсь с этой проблемой, когда моя анимация отказывается работать, несмотря на то, что моя шкала срабатывает при наведении.
Я просмотрел документацию и до сих пор не могу понять это. Что я пропустил? Помогите!
Вот мой код и предупреждение от браузера:
import { motion } from "framer-motion";
<motion.div className="heart-overlay"
whileHover={{
animate: {x: 500},
scale: 1.2,
transition: { ease: "easeOut", duration: 2 },
}}>
<div className="heart-top">
<Img className="heart-default" src={heart_default_top} />
</div>
<div className="heart-bot">
<Img className="heart-default" src={heart_default_bot} />
</div>
</motion.div>