Html Internet Explorer 10模糊缩放

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

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

---

这很好，但是将元素从1.1缩小到1似乎会导致内容模糊，直到注册鼠标/触摸事件。这看起来不是很好，我想知道是否有一些小技巧可以避免这种情况，或者是否没有其他方法可以在不模糊内容的情况下获得所需的结果？

我通过添加

字体大小：inherit编码到最后一个动画帧中。现在我的文本没有模糊，我的背景图像也没有模糊