html - IOS の不透明度の移行は効果的ではない

Question

CSS と JS を使用して UIWebView の簡単なアニメーションを作成します。Chrome でのテストとデバッグ。このスタイルを使用したアニメーションの場合:

-webkit-transition: opacity 1s ease-out;

不透明度を 0 から 1 に設定します。最後のアニメーション要素 () が表示されると、ページ上のランダムなテキストブロックが少し太くなります。すでにさまざまなソリューションを試しました：

-webkit-backface-visibility: hidden;
-webkit-perspective: 1;
-webkit-font-smoothing: antialiased;
opacity: 0.999;

何も役に立ちません。

score 0 · Accepted Answer

アニメーションの問題に関する他の議論を読んだ後、この解決策を使用しようとしました:

.flick-fix
{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

ただし、このクラスは、アニメーション化されたオブジェクトではなく、動作が奇妙に見える要素に適用する必要があります。

1 に答える 1