css background-size属性的转换在Chrome上无法正常工作

时间:2016-07-12 14:30:11

标签: css transition background-size

我已经搜索了这个并进行了一些测试,但只找到了答案的一半。

实际上,当我只设置了一个值时,过渡属性在背景大小上不能正常工作(在Chrome版本51.0.2704.106 m上):

不起作用:

.el {
  background-size: 1200px;
  transition: background-size .5s linear;
}

.el:hover {
  background-size: 1000px;
}

作品:

.el {
  background-size: 1200px 1000px;
  transition: background-size .5s linear;
}

.el:hover {
  background-size: 1000px 1000px;
}

问题是,如果我设置第二个值,我的背景图像会失真(这是逻辑)。第二个值不能是自动的(它不起作用)。

有没有人最终找到解决方案?

请避免:    - 你忘记了前缀,我显然用所有可能的前缀测试了它。

以下是示例(它在mozilla Firefox上按预期工作): http://codepen.io/romaingranai/pen/PzJrdm

谢谢

0 个答案:

没有答案
相关问题