2016-09-28 82 views
0

演示: [http://everythinghomegrown.com/](看定製自己部分與四張蝙蝠俠圖片)爲什麼背景大小上的CSS轉換不起作用?

出於某種原因,背景大小的未轉換。相反,它會從一種尺寸跳到另一種尺寸,而沒有平滑過渡。


div { 
    background-size: 100%; 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
} 

爲什麼不工作的過渡?我在Chrome,Safari和Firefox中遇到過這種情況。

+1

請在您的問題中包含最少量的代碼,以便我們可以重現問題。不只是一個鏈接到您的網站。 –

回答

0

已解決。

本來我有這樣的:

div { 
    background-size: 100%; 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
} 

我通過添加第二個值的背景大小屬性固定的問題。

div { 
    background-size: 100% 100%; /* added second 100% to fix the problem */ 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
}