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 に答える