2010/04/10

youtubeがデザイン変更、CSS3をふんだんに使っている模様

ボタン関連が完全にCSS3仕様となっている模様。
最新ブラウザでない場合やIEの場合、画面のデザインがずいぶん違って見えそうだ。

You Tubeでは、検索ボタンをはじめとした各種ボタンが上図の通りCSS3仕様となっている
左図は通常の状態
border-radiusが指定されている
背景ではgradientを使っている。画像ではない。
左図はポイント時
box-shadowを使っている。
色はちなみに#999,位置は(0px,0px),ぼかし3pxの模様
なお、これらの画面はGoogle Chromeでのもの。
Firefoxでは、以下の要の中途半端な対応状況(おそらくwebkit系でないから)Operaも然り
Safariは一方でChromeと同様完全に動作することを確認。

さぞIEは悲惨だろうと思ったらIEだけデザイン変更無しだった。

いずれにせよ、CSS3がもっと普及することを期待したい。

---
そういう期待も込めてこのブログもCSS3対応にバージョンアップします。

0 件のコメント:

コメントを投稿