CSS3だけで描いた「けいおん！」の澪がすごい しかもちょっと動く

アニメ「けいおん！」の澪を、画像を使わずCSS3だけで描いた絵が話題だ。髪や目も少し動く。

[ITmedia]

　アニメ「けいおん！」の秋山澪をCSS3だけで描いた絵がすごいと話題になっている。画像を使っていないのに画像のように見え、しかも髪や目にかすかな動きも付いている。

CSS3だけで描いた澪（左）とソース（右）

　描いたのは台湾のWebデザイナー、Reiさん。ほかにも「機動戦士ガンダムSEED」のラクス・クラインやリラックマをCSS3で作っている（ブラウザの種類やバージョンによっては正しく表示されない場合がある）。

　ほかにもCSS3を使って絵を描いているWeb技術者がおり、@shop_ddさんはドラえもんや「とある魔術の禁書目録」の回転する風車などを、@TjRusさんはiPhone 4を展示している。CSS3で描いたiPhone 4は、電源ボタンやホームボタンをマウスでクリックしたり、スライドバーをスライドさせることができる。

　CSSだけで描いた有名企業のロゴを展示しているecsspertというサイトもある。