3D Rotating Molecules on the iPhone/iPad - jackadamblogに3Dレンダリングにおけるビルボード処理と似たような処理をCSS3の3Dトランスフォームで実現するという面白いテクニックが掲載されている。現在のiPadやiPhoneで実現的な3D処理を実現する方法のひとつとして紹介され ...

今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、 11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]⁠。

STEP 2で立方体が完成したので、マウスオーバーによって立方体が回転するように、動きを付けてみよう。 立方体の回転は、.cubeに対してtransform-style: preserve-3d;を指定し、子要素を3Dで描画するように設定してから、transitionプロパティでアニメーションの種類 ...