以前ご紹介した、cssとHTMLのみで
擬似的な3D表示を実現するCSSと
同じサイトで、また素晴らしいテクニック
を公開してくれました。今回のcssは
素晴らしい動きをする折鶴の影を実装
します。
以下がそのテクニックです。IE8, Safari 4, Firefox 3.5, Chrome3, Opera10などでご覧下さい。
CSS Paper Bird
縦横のスクロールバーを動かすと影が動くようになっています。素晴らしいアイデアとトリックですね。。
ソースはこちらでご覧下さい。本当にjs使ってないみたいです。ブログでの説明はこちら。
コカコーラのも凄い。。Roman Cortesというサイトのブログ、今後も注目したいところです。