どや!?「CSS3だけでドラえもんを描いてみた!」が凄い

21 7月

  • このエントリーをはてなブックマークに追加

こちらの記事が凄い面白かったのでご紹介します。

タイトルどおりCSS3だけでドラえもんを書いているのですが、各ブラウザによって表示が異なるところが非常に面白いですね。

こちらのサイトで実際に見ることができます。
http://shopdd.blog51.fc2.com/blog-entry-932.html

ChromeとFirefoxはCSS3によく対応しておりさすがというべきか、ちゃんと同等に表示できています。Operaはgradientが使えな いのでグラデーションを加えられず、ちょっと薄っぺらな印象です。

作っている途中にも感じましたが、CSS3はブラウザごとに結構挙動が違います。そんな中でもOperaのborder-radiusはちょっと特殊で、 口を見てもらえば分かるんですが鋭くなっているんです。最初はもっと口が裂けていて、Operaだけ口裂けお化けみたいになっていたのでものすごく驚きま した。

いや~IEのオチは流石ですね。こちらのサイトではこのドラえもんを使って画像との容量の比較などもおこなっています。
是非一度ご覧になってはいかがですか?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL