Chromeのmix-blend-modeプロパティによるアニメーションの遅れ

Question

Chromeを起動してフルスクリーンモードで自分のフィドルを確認すると、アニメーションが遅くなることがわかります。ディビジョンは少し下がっていきますが、テキストは少し浮き上がっています。ブラウザのサイズを小さくすると、アニメーションがうまく再生されます。また、私のアニメーションはSafariで正常に動作します。

mix-blend-modeプロパティを含む.light-leaksクラスを削除すると、アニメーションが正常に動作します。

何が問題ですか？ありがとう。

fiddle
fiddle in fullscreen mode

Answer 1

私はアニメーションがあまりにも遅れを避ける実行して行われた後mix-blend-modeプロパティを適用しなければなりませんでした。私はjavascriptでそれをやった。

$(".light-leaks").hide(); 

    setTimeout(function() { 

     $(".light-leaks").fadeIn(2500); 

    }, 7000);