是否可以为background-size:contains和background-size:cover之间的过渡设置动画?

时间:2012-06-04 09:57:27

标签: css3 css-transitions css

我知道在使用css3使用像素值或百分比值时,可以设置background-size之间的转换动画,但我无法在containcover之间设置动画。 (我正在使用webkit - chrome和safari)

我在这里做了一个小提琴:http://jsfiddle.net/59Bhb/3/显示它适用于百分比值,但不包含/ cover。

是否只是不支持?

2 个答案:

答案 0 :(得分:6)

答案 1 :(得分:0)

您可以在jQuery中为其设置动画

$('myElement')。animate({'background-size':'无论大小'},1000);

但很难得到理想的结果,无论定位如何,它都会将线性左上角调整到右下角。我试过把它放在一个cms模板中,但它没有给我我想要的效果。希望我帮忙