解決方案：將hover要改變的背景放到另一層，hover時改變該層的透明度。 比如： 如果你想：

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

這樣的過渡動畫會很生硬，改成這樣你會發現世界瞬間變美好了

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;} 復制代碼

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。