今回のテーマはCSSです。Webページ上でのイベントを補足して何か処理を行おうと思うとついJavaScriptでやってしまいます。開発者にとってはもちろんその方が簡単なのですが、余計なコードが増えてメンテナンス性が悪くなることがあります(特にアニメーション)。
そんな時にスタイルシートを使えば解決できるかも知れません。今回はスタイルシートだけで実現してしまうオープンソース・ソフトウェア、スタイルシートの利点などを紹介します。
GPUベースのアニメーション
CSS3では3D Transformを使うとアニメーションにGPUを使うようになります。JavaScriptでのアニメーションの場合、CPUを使うのでスムーズさがなかったり、負荷が高くなってしまいます。CSS3を使うのであればGPUを積極的に使いましょう。
なおアニメーションとしては移動したり、回転、縮尺変更、傾斜そして遠近効果が提供されています。
ここから先は有料になります
ニコニコポイントで購入する
チャンネルに入会して購読する
- この記事は過去記事の為、今入会しても読めません。ニコニコポイントでご購入下さい。