ニュース

モバイル端末ではCSS3のTransitionsやAnimationsが使えるので、アニメーション処理はCSSで、他の処理をJavaScriptで、といった形で分担するほうがよい ...
サンプル1 CSS3: Photos on a rotating polygon in 3D space 五角柱をつくる計算 今回の表現は、 「⁠ Photos on a rotating polygon」 を採り入れた。 もちろん、 コードはわかりやすいように大幅に書き替えてある。 画像を回す前に、 まず五角柱を組み立てなければならない。
これにつぎのCSSを割り当てると、 2次元で影をつけた平坦なナビゲーションバーができ上がる (図1 ⁠) ⁠。 擬似要素と変形を加えて立体的にしていく。
The Animation Framework CSS animations provide a declarative API enabling the developer to animate a DOM node and its children.