CSS3 Ken Burns 效果在 ie 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 中工作得非常好。但不知道ie 11有什么问题。

你能帮我吗？

Answer 1

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

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

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