Css 是否可以在“背景大小:包含”和“背景大小:封面”之间设置过渡动画?

Css 是否可以在“背景大小:包含”和“背景大小:封面”之间设置过渡动画?,css,css-transitions,Css,Css Transitions,我知道当使用css3使用像素或百分比值时,可以在背景大小之间设置动画,但我无法在包含和覆盖之间设置动画。(我正在使用webkit-chrome和safari) 我在这里做了一个修改:这表明它对百分比值有效,但不包含/覆盖 它只是不受支持吗?它只是不受支持-您可以在jQuery中像这样设置它的动画 $('myElement').animate({'background-size':'whatever size'},1000) 但无论定位如何,它都会从左上到右下调整线性的大小,因此很难获得期望的结果

我知道当使用css3使用像素或百分比值时,可以在
背景大小
之间设置动画,但我无法在
包含
覆盖
之间设置动画。(我正在使用webkit-chrome和safari)

我在这里做了一个修改:这表明它对百分比值有效,但不包含/覆盖


它只是不受支持吗?

它只是不受支持-

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

$('myElement').animate({'background-size':'whatever size'},1000)


但无论定位如何,它都会从左上到右下调整线性的大小,因此很难获得期望的结果。我试着把这个放在cms模板中,但它没有给我想要的效果。希望我能帮上忙

但是如果你检查我的小提琴,如果我使用百分比,你可以看到它在工作。事实上,
背景大小
在下表的发行说明中被列为Gecko的动画。我无法理解为什么它不能与
contain
cover
一起使用-我猜他们还没有机会编写和/或测试它。我的意思是它不支持非数字转换。不过,很公平。谢谢你的澄清