CSSで3D（ぽい）Coke缶とWebkitならzoomアニメーション

2010.02.17 01:14 author: taikiken | 0件のコメント

Pure CSS Coke Can
http://www.romancortes.com/blog/pure-css-coke-can/

iframeのコーラ缶がスクロールバーの動きに合わせて横回転するデモ。
使っているのは、CSS 1とCSS 2なプロパティ設定だけだそうです。
なので、ほとんどのブラウザで確認できるとのこと。
もちろんコード・バリデーションも大丈夫だってさ。

こちらは、HTML 5 + CSS 3 満載なので Webkit系ブラウザ(Safari or Chrome)で見ないといけません。
マウスオーバーでグングンZoomするアニメーションを楽しめます。

Jobs が言ったからって訳じゃないけどWebkitが実装した HTML 5 + CSS 3 なことが気になる今日このごろです。