解決方案:將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;}
複製程式碼