Breathtaking animated CSS3 helix using 3d transforms

CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさせるサンプル。
スクリプトを使わず、3Dトランスフォームだけで次のようにアニメーションさせてるようです。
JSだけでやるのでも大変そうな処理ですが、ＣＳＳで出来ちゃうっていうのがすごいですね


デモページ

イメージとしては、画像を縦に100分割して、CSSスプライトみたいにして画像を分割させます。
あとはアニメーションさせるというハックによって実現させてるようです。

CSS3の機能が拡張されて、今後、あっと驚くようなハックもどんどん出てくるんでしょうね。

関連エントリ

• CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」
• 便利なCSS3ツール6つ＋α
• CSS3のジェネレーター１４種
• IE6-8でもCSS3が使えるようになる「CSS3 PIE」