演示: [http://everythinghomegrown.com/](使用四个蝙蝠侠图片查看自定义部分)
由于某种原因,背景大小没有过渡。相反,它在没有平滑过渡的情况下从一种尺寸跳到另一种尺寸。
div {
background-size: 100%;
transition: all 0.2s ease;
}
div:hover, div:focus {
background-size: 115% 115%;
}
为什么过渡不起作用?我在Chrome,Safari和Firefox中遇到过这种情况。
答案 0 :(得分: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