是否可以在background-size: contain和background-size: cover之间进行动画转换？

Question

我知道当使用像素或百分比值使用css3时，可以对background-size之间的过渡进行动画处理，但我不能让它在contain和cover之间进行动画处理。(我使用webkit - chrome和safari)

我在这里做了一个手脚：http://jsfiddle.net/59Bhb/3/，它显示它对百分比值有效，但不包含/覆盖。

它只是不受支持吗？

Answer 1

它只是不受支持- list of properties you can animate

Answer 2

您可以在jQuery中像这样设置动画。

$('myElement').animate({'background-size':'whatever大小‘}，1000)；

但是很难得到想要的结果，因为它将线性从左到上调整为从下到右，而不考虑位置。我试着把这个放在cms模板中，但它没有给我我想要的效果。希望我能帮上忙