2

要素をアニメーション化するには、cssアニメーションを使用するか、JavaScriptで実行できます。

これを読むと、ブラウザはネイティブコードでcssアニメーションを実行できるため、cssアニメーションはjavascriptアニメーションよりも高速にレンダリングされることが期待されているようです。この情報は、2008年から2011年の日付の投稿から収集されました。

iOS 6でも、これは当てはまりますか?リリースノートで、私はこのアイテムを見つけました:

"WebKit no longer always creates hardware-accelerated layers 
for elements with the -webkit-transform: preserve-3d option. 
Authors should stop using this option as a way to get hardware 
acceleration."

http://developer.apple.com/library/ios/#releasenotes/General/RN-iOSSDK-6_0/_index.html

私はウェブのアニメーションにかなり慣れていないので、現在の状況がわかりません。

ありがとう

4

2 に答える 2

2

CSSアニメーションとトランジションは、同じ効果に必要なすべてのJS命令に従う必要があるのではなく、処理する命令が1つしかないため、JavaScriptのものよりも常に高速になります。

于 2013-01-10T02:33:00.690 に答える
0

リリースメッセージを「の値がハードウェアアクセラレーションを強制することはもはや保証されていませんpreserve-3d」と解釈します(HAをアサートするためのハックとして使用しないでください)。UAがHAを使用しないことを選択した場合、それには十分な理由があります。

とにかく、ネイティブに実装されたCSSトランジションは、手動のJSアニメーションよりも高速です(少なくとも一般的に)。また、短い[基本] CSSで同じことを実現できる場合は、JavaScriptを使用する理由はありません。

于 2013-01-10T02:53:57.683 に答える