2011-07-04 28 views

答えて

4

WebKitは単なるフロントエンドです。バックエンドとハードウェアのサポートによって異なります。 Google Chromeはskiaをバックエンドとして使用し、ソフトウェアまたはハードウェアを使用できます。その答えは、それが実行されているバックエンドとハードウェアの実装に依存します。

3

私が知っているのは、遷移を使用したハードウェアアクセラレーションプロパティがtranslate3dtransformです。

例:

// Normal 
div{ 
    -webkit-transition: all 0.5s ease-out; 
} 

// Adding class to animate 
div.transformed{ 
    -webkit-transform: translate3d(100px, 100px, 0); 
} 

あなただけtranslateが他のプロパティを変換やアニメーションを使用する場合、それはハードウェアではありませんが加速しました。

+0

これはSafari/Mobile-Safariにも当てはまりますが、他の実装ではHWアクセラレーションがまったく機能していないか、またはサポートが改善されていることがあります。 –

+0

すべてのトランジションは、プロパティ/トランスフォームに関係なく、Safariで(OpenGLを使用して)加速されます。特定の状況では、最初のちらつきと異なるフォントレンダリングのために、それを見ることができます。また、HWアクセラレーションが使用されていないと、特にMobile Safariで遷移が滑らかにならない可能性があります。 – jholster

+1

実際には、ハードウェアアクセラレーションは 'translate3d'でのみ使用され、' translate'では使用されないという証拠があります。この違いの理由の1つは、translateがtranslate3dよりも早くSafariに実装されたためです。 –

関連する問題