旋转和缩放在IE11中不起作用

Question

在我的CSS中，我使用以下代码在悬停时旋转和缩放：

date

此代码适用于Chrome，但不适用于IE11。有什么帮助吗？

提前谢谢

Answer 1

我在IE 11中遇到同样的问题，我可以意识到，如果我减少动画的时间可以工作（例如0.3s）。但这不是我的解决方案。

我正在阅读如何解决在Firefox中摇晃CSS过渡的问题：https://gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/  我找到了一个解决方案（对于Firefox），我认为这可以用于IE的相同概念。

想法是在制作比例时旋转（尽可能最小）div或图像。就像这样：

  @keyframes loading
  0%
    transform: scale(1);
  50%
    transform: scale(1.2) rotate(0.02deg);
  100%
    transform: scale(1);

我制作了这个技巧并在IE 11中运行