1

次のアニメーション ループがあるとします。

var element = document.getElementById('myElement'),
    left = 0;

element.style.transition = 'translate 0s linear';

function loop() {
    left++;
    element.style.transform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + left + ',0,0,1)';
    requestAnimationFrame(loop);
}

css トランジションのみを使用した場合のように、アニメーションはハードウェア アクセラレーションの恩恵を受けますか? また、環境 (ブラウザ、バージョン、オペレーティング システム) はそれにどのような影響を与えますか?

(上記のコードは、私が何を得ているかを示すためのものです。本番環境で使用するためのものではありません。通常、私はもちろんrequestAnimationFrame()、アニメーションを制御する方法を実装するためのフォールバックを行います。前方へ。）

4

1 に答える 1