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);

我发现了一篇文章,为firefox中的一个bug提供了这个解决方案,但它也适用于像浏览器一样的Internet Explorer.