Css 背景大小转换在chrome中停止工作

我有一个背景尺寸转换，它突然停止在chrome中工作，我不知道为什么。如果将鼠标悬停在此页面上的某个类别框上，您可以看到我的意思：

它过去工作得很好，但现在停止了。你知道为什么吗

谢谢

---

Scott

您必须在

.cat grid

中给出转换，而不是

。cat grid:hover

webkit-transition: background-size .6s ease;
transition: background-size .6s ease;

---

请改用“变换比例”：

.cat-grid {
    background-size: 100%;
    transition: all 1000ms ease;
}

.cat-grid:hover {
    background-size: 104%;
    transform: scale(.6);
}

---

使用背景位置和背景大小设置动画： 选中此项：

---

我今天遇到了同样的问题。我有

背景尺寸：300px和上的
：悬停
，
背景大小：325px。一时兴起，我尝试在背景大小中设置高度和宽度，因此
背景大小：300px 300px
和
：悬停
，同样有效

不确定你将如何处理你正在做的事情，背景大小作为一个百分比，但也许这有帮助

更新：这是一款铬合金的。
似乎可以缩放整个框，而不仅仅是背景图像。谢谢，问题是图像框是动态的，所以我必须使用百分比。用百分比法能做到吗？是的，你能做到。将背景大小更改为百分比这也发生在我身上…它在几周前工作，最近停止工作。以下是问题的代码笔：这是一个bug：
.thumbnail{
    background-image:url('http://www.quirkybyte.com/wp-content/uploads/2016/02/Green-Nature-Trees-l-730x365.jpg');
    float:left;
    margin:1px;
    width:350px;
    height:350px;
    overflow:hidden;
    background-size:450px 450px;
    background-position:0px 0px;
    background-repeat: no-repeat;
}

.thumbnail:hover {
    background-size:550px 550px;
    background-position:-50px -50px;
    transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
    -o-transition:all 0.5s ;
    -moz-transition:all 0.5s ;
}