我知道可以在background-size
使用 css3 使用像素或百分比值时为之间的过渡设置动画,但我无法让它在contain
和之间设置动画cover
。(我正在使用 webkit - chrome 和 safari)
我在这里做了一个小提琴:http: //jsfiddle.net/59Bhb/3/这表明它适用于百分比值,但不包含/覆盖。
只是不支持吗?
我知道可以在background-size
使用 css3 使用像素或百分比值时为之间的过渡设置动画,但我无法让它在contain
和之间设置动画cover
。(我正在使用 webkit - chrome 和 safari)
我在这里做了一个小提琴:http: //jsfiddle.net/59Bhb/3/这表明它适用于百分比值,但不包含/覆盖。
只是不支持吗?
它只是不受支持 -您可以动画的属性列表
你可以在 jQuery 中像这样为它制作动画
$('myElement').animate({'background-size':'无论大小'}, 1000);
但是无论定位如何,都很难获得所需的结果,因为它将线性左上角调整为右下角。我试过把它放在一个 cms 模板中,但它没有给我想要的效果。希望我有所帮助