Internet Explorer 10模糊缩放

Question

在我的Windows 8 javascript应用程序中，我有一些元素，当单击一个按钮时，这些元素会切换到可见性。我给了他们一个微妙的动画，使用CSS关键帧使体验更不线性，如下所示：

@keyframes visible {
    0% {transform: scale(0.1);
        opacity: 0;}
    80% {transform: scale(1.1)}
    100% {transform: scale(1);
          opacity: 1;}
}

这很好用，但似乎将元素从1.1缩小到1会导致内容模糊，直到注册鼠标/触摸事件。这看起来不太好，我想知道是否有任何小技巧可以避免这种情况，或者如果没有任何替代方案我可以使用它来获得所需的结果而不会模糊内容？

Answer 1

我设法通过在最后一个动画帧中添加font-size:inherit;来自行修复它。现在我的文字没有模糊，也没有我的背景图片！