CSS3 Ken Burns效果并不顺畅，即11

Question

img{
        transition-duration: 5s;
        transform: scale(1.0);
        transform-origin: 50% 50%;
    }
    &:hover{
        img{
            transform: scale(1.2);
            transform-origin: 50% 50%;
        }
    }

这是我用于图像中的ken burn效果的代码，它在ff，chrome和safari中工作得非常好。但我不知道11号是什么问题。

你能帮我解决吗？

Answer 1

我遇到了同样的问题并通过向图像添加一个小的旋转来解决我的问题。

transform: scale(1.5) rotate(0.1deg);

我遇到了an article为firefox中的错误提供此解决方案，但它也适用于Internet浏览器，就像魅力一样。