在我的 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 会导致内容模糊，直到注册鼠标/触摸事件。这看起来不太好，我想知道是否有任何小技巧可以避免这种情况，或者如果没有，我可以使用任何替代方法来获得所需的结果而不模糊内容吗？
最佳答案
我设法通过将 font-size:inherit; 添加到最后一个动画帧来自行修复它。现在我的文字不再模糊，背景图片也不再模糊!
关于html - Internet Explorer 10 模糊缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18607466/