Question

演示： [http://everythinghomegrown.com/]（使用四个蝙蝠侠图片查看自定义部分）

由于某种原因，背景大小没有过渡。相反，它在没有平滑过渡的情况下从一种尺寸跳到另一种尺寸。

div {
  background-size: 100%;
  transition: all 0.2s ease;
}

div:hover, div:focus {
  background-size: 115% 115%;
}

为什么过渡不起作用？我在Chrome，Safari和Firefox中遇到过这种情况。

Answer 1

解决。

最初我有这个：

div {
  background-size: 100% 100%; /* added second 100% to fix the problem */
  transition: all 0.2s ease;
}

div:hover, div:focus {
  background-size: 115% 115%;
}

我通过向background-size属性添加第二个值来解决问题。

updates

为什么背景大小的CSS过渡不起作用？

1 个答案: