在边缘上抖动CSS缩放

Question

我想用css慢慢放大和缩小图像。 我使用以下代码：

.dv{
    background:url('http://placekitten.com/g/300/300');
    width: 300px;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform linear 10s;
}

这是一个演示：

http://jsbin.com/duhugibifu/1/edit?html,css,js,output

在chrome和firefox上它运行得非常流畅，但在Edge上图像会震动。

任何想法如何解决？