我已经搜索了这个并进行了一些测试,但只找到了答案的一半。
实际上,当我只设置了一个值时,过渡属性在背景大小上不能正常工作(在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
谢谢