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

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

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

A couple weeks ago, we noted that Apple’s 3D CSS Transforms were slowly coming to the desktop via Safari 4, at least on Snow Leopard. Over this past weekend, though, WebKit developers put in a small ...

Webサイトにちょっとした動きや変化をつけるだけで、グッと魅力がアップしますよね。 そんな表現を実現する強力なCSSプロパティが transform です！ 今回は、駆け出しWebコーダーの皆さんに向けて、このtransformプロパティの基本的な使い方をやさしく解説して ...