• Twitter
  • Facebook
  • Google+
  • RSS

CSSで描いた「キュゥべえ」が登場 すごすぎてわけがわからないよ



CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS

以前はてなブックマークニュースではHTMLとCSSのソースコードのみで描かれた「ドラえもん」のイラストをご紹介しました。上記エントリーで見られるキュゥべえのイラストも、同じ手法で描かれています。一見画像のようですが、イラストの上で右クリックをしてみると“画像を保存できない”ことがわかります。

画像は一切使ってない!?CSS3だけで描いた“ドラえもん”がすごい - はてなニュース

このHTMLとCSSだけで描かれたキュゥべえ、作者さんによると、Google Chromeと、Firefox、Safari、Operaに対応しているとのこと。これ以外のブラウザでは見え方が変わる場合があります。例えば編集部で“対応していない”というInternet Explorer 8を使って確認したところ、体中が“カクカク”の変わり果てた姿となったキュゥべえが現れました。

はてなブックマークのコメント欄では、「キュウべえと契約しないでも、こんな魔法が使えるようになるんですね・・・・」「QB『ボクと契約してCSS3使いになってよ』」「/人◕ ‿‿ ◕人\ IEだとわけがわからないよ」「IE7でグジャグシャになってるQBをみて『ざまぁw』と思った。」といった声が。あなたのブラウザにはどんなキュゥべえが現れるでしょうか?

文: 飯塚朋子

関連エントリー