イナヅマTVログ

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

| 0件のコメント

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

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


CSS3 – Zoom…zoooom…zoooooom!
http://www.cssplay.co.uk/menu/css3-zoom.html

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


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

コメントを残す

必須欄は * がついています


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください