iPhone4をCSS3で描いてみた!

- by konitter

CSSだけで描かれたものとして最近では、Twitterのクジラドラえもんがありますが、一昨日予約開始となったiPhone4をCSS3でやってみました。

» demoはこちら

画像を一切使わずに、としたかったのですが、スクリーンとイヤースピーカーはすみません、画像を使わせてもらいました。(特にスクリーンの中身はあまりにマゾすぎるのでご勘弁を。)

↓ ブラウザごとの表示はこんな感じ。

GoogleChrome 5.0、Firefox 3.6、Opera 10.53では問題なく表示されています。ただOperaはgradientだけが未対応のため効いていません。IE8についてはもう予想通りというか何というか。でもこれでもありかなと思えるところがAppleのすごいところ。

HTML5はまだだとしてもCSS3については対応していないIEでも実現するようなJavascriptもあることですし、もう実用的に使っていって良いのではないでしょうか。