谷歌铬过渡跳跃

Question

我遇到了跳跃css3变换的问题。谷歌浏览器上的动画非常热闹，而Internet Explorer或firefox没有问题：

			div {
			  background-image: url("https://pixabay.com/static/uploads/photo/2014/02/23/11/11/strawberries-272812_640.jpg");
			  height: 500px;
			  width: 500px;
			  background-position: center;
			  transition: 0.5s all;
			}
			div:hover {
			  transform: scale(1.3);
			}
			

<div>
</div>

（也在fiddle）

不知道为什么，但是当我在jsfiddle上放置我的代码时，我没有问题。

PS：忘了提到我正在使用bootstrap。