在Nextjs中,当我将鼠标悬停在图像上时,我可以更改src using状态,但我想用像fadein、fadeout这样的动画来实现这一点.
const [logoSrc, setLogoSrc] = useState("/logo.png");
<Image
src={logoSrc}
width={237}
height={64}
priority
onMouseEnter={() => {
setLogoSrc("/hover-logo.png");
}}
onMouseOut={() => {
setLogoSrc("/logo.png");
}}
/>