解決方案：將hover要改變的背景放到另一層，hover時(shí)改變?cè)搶拥耐该鞫取?比如： 如果你想：

div{transition:.5s;} div:hover{background:url(img);} 復(fù)制代碼

這樣的過(guò)渡動(dòng)畫(huà)會(huì)很生硬，改成這樣你會(huì)發(fā)現(xiàn)世界瞬間變美好了

div{position:relative;} div:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(img);opacity:0;transition:.5s;} div:hover:after{opacity:1;} 復(fù)制代碼

總結(jié)

以上是生活随笔為你收集整理的CSS hover改变背景图片过渡动画生硬的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。