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

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

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

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

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

advertisement

関連キーワード

CSS3 | けいおん！ | デザイナー | iPhone 4 | ドラえもん | 機動戦士ガンダムSEED | とある魔術の禁書目録