MBS・TBS系で放送中の人気アニメ「魔法少女まどか☆マギカ」に登場するキャラクター「キュゥべえ」を描いた1枚のイラストがはてなブックマークで話題を呼んでいます。なんとこのイラスト、画像をまったく利用せず、HTMLとCSSだけで描かれているそうです。
▽ http://jsdo.it/norahiko/m1WT
以前はてなブックマークニュースではHTMLとCSSのソースコードのみで描かれた「ドラえもん」のイラストをご紹介しました。上記エントリーで見られるキュゥべえのイラストも、同じ手法で描かれています。一見画像のようですが、イラストの上で右クリックをしてみると“画像を保存できない”ことがわかります。
▽ 画像は一切使ってない!?CSS3だけで描いた“ドラえもん”がすごい - はてなニュース
このHTMLとCSSだけで描かれたキュゥべえ、作者さんによると、Google Chromeと、Firefox、Safari、Operaに対応しているとのこと。これ以外のブラウザでは見え方が変わる場合があります。例えば編集部で“対応していない”というInternet Explorer 8を使って確認したところ、体中が“カクカク”の変わり果てた姿となったキュゥべえが現れました。
はてなブックマークのコメント欄では、「キュウべえと契約しないでも、こんな魔法が使えるようになるんですね・・・・」「QB『ボクと契約してCSS3使いになってよ』」「/人◕ ‿‿ ◕人\ IEだとわけがわからないよ」「IE7でグジャグシャになってるQBをみて『ざまぁw』と思った。」といった声が。あなたのブラウザにはどんなキュゥべえが現れるでしょうか?