以前ご紹介した、cssとHTMLのみで
擬似的な3D表示を実現するCSS

同じサイトで、また素晴らしいテクニック
を公開してくれました。今回のcssは
素晴らしい動きをする折鶴の影を実装
します。

以下がそのテクニックです。IE8, Safari 4, Firefox 3.5, Chrome3, Opera10などでご覧下さい。

CSS Paper Bird


縦横のスクロールバーを動かすと影が動くようになっています。素晴らしいアイデアとトリックですね。。

ソースはこちらでご覧下さい。本当にjs使ってないみたいです。ブログでの説明はこちら

コカコーラのも凄い。。Roman Cortesというサイトのブログ、今後も注目したいところです。

Roman Cortes