0

在我的 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 会导致内容模糊,直到注册鼠标/触摸事件。这看起来不太好,我想知道是否有任何小技巧可以避免这种情况,或者是否没有任何替代方法可以在不模糊内容的情况下获得所需的结果?

4

1 回答 1

0

我设法通过添加font-size:inherit;到最后一个动画帧来自己修复它。现在我的文字没有模糊,我的背景图像也没有!

于 2013-09-06T02:58:50.027 回答