动画在 Chrome 上不起作用 [重复]

Question

我在一个 div 的背景上做了一个缩放效果。 直到今天它停止为 Chrome 运行时，所有这些都有效。对于其他所有浏览器，它都能完美运行。

这是我的代码：

.project_image {
    width: 582px;
    height: 280px;
    background-position: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    background-size: 100%;
}

.project_image:hover {
	background-size: 110%;
}

在 Chrome 上，当我将 div 悬停时，背景大小会立即设置为 110%，而不是像想要的那样缓慢。

编辑：小提琴https://jsfiddle.net/ca79cohz/

Answer 1

添加此更改，

.project_image {
background-size: 100% 100%;
}
.project_image:hover {
background-size: 110% 110%;
}