html 尽管有悬停动画,但CSS动画仍卡住

dgsult0t  于 2022-12-02  发布在  其他
关注(0)|答案(2)|浏览(147)

我想有一个悬停动画消失时,悬停在图片和另一张图片取代它的位置,但后面的图片没有消失
我尝试使用不透明度1转到0,过渡时间为0.5秒,但它停留在原来的位置
第一个

uqdfh47h

uqdfh47h2#

这是因为前面的图片总是在后面的图片上,所以.mwhite:hover永远不会触发,而且你的html中有一个错字,将calss="mwhite"更改为class="mwhite"
我不得不改变你的HTML和CSS样式,使它的工作,我把前面的图片总是在前面,并使用这个CSS选择器激活时,悬停在前面的图片.mwhite:hover + .mblack
在这个例子中,我添加了一个边框,图像并没有完全重叠,因此效果更明显:
第一个

相关问题