是否可以爲background-size：contains和background-size：cover之間的轉換設置動畫效果？

我知道當使用css3使用像素或百分比值時，可以在background-size之間創建動畫效果，但我無法使其在contain和cover之間動畫。（我正在使用webkit - chrome和safari）是否可以爲background-size：contains和background-size：cover之間的轉換設置動畫效果？

我在這裏做了一個小提琴：http://jsfiddle.net/59Bhb/3/顯示它爲百分比值工作，但不包含/覆蓋。

它只是不支持？

2012-06-04 Grezzo

2012-06-04 11:18:52

但是，如果你檢查我的小提琴，你可以看到它工作，如果我使用百分比。 – Grezzo

實際上，'background-size'在表格下方的問題註釋中被Gecko列爲動畫。爲什麼它不能與'contains'和'cover'一起工作是我無法想象的 - 我猜測他們還沒有機會編寫和/或測試它。 – BoltClock

我的意思是它不支持非數字轉換。然而。 –

可以在jQuery的動畫像這樣

$（ 'myElement'）動畫。（{ '背景大小'： '不論大小'}，1000） ;

但是很難獲得理想的結果，因爲無論定位如何，它都會調整線性左上角到右下角的大小。我試過把它放在一個cms模板中，但它沒有給我我想要的效果。希望我幫助

2013-10-26 08:27:58

回答