PlusOne Blog

【HTML,CSS】transform3d について

前回、webページに動きを与えるものとして animation, transform を紹介しましたが、
今回は、transform を3Dで操作できる、transform3D を紹介します。
 
transform3D を利用することで GPUアクセラレーション を使用することになりパフォーマンスが向上します。
GPUアクセラレーションを使用することで、アニメーション処理をソフト(ブラウザ)が行うのではなく、ハード(グラフィックボード)が行うから滑らかな動きが実現します。

 
下の iframe では見つらいので、こちらからどうぞ
別ページで開きます。
 

 

この記事を読む
記事一覧に戻る