0

当用户将鼠标悬停在 img 上时,如何为 sibaligns 元素设置动画?

<motion.div className="section home1__section1" >
        <div className="section-desc home1__section1-left">
            {/* ANIMATE THIS DIV */ }
            <motion.div className="image-desc_right" variants={ZoomIn}>
              <div className="line"></div>
              <h3>MY AAAA</h3>
              <p>ppppp</p>
            </motion.div>
            {/* //ANIMATE THIS DIV */ }
        </div>
        <div>
        {/* ON HOVER */}
          <motion.img
            src={MasterCard}
            alt="mastercard"
            variants={ZoomOut}
            whileHover="hover"
            animate="rest"
          />
           {/* //ON HOVER */}

        </div>
      </motion.div>

我知道我可以将它与 WhileHover 父 div 一起使用,但这太多了,我不想在悬停我的描述 div 时设置动画

4

0 回答 0