はじめまして! HTMLファイ部(内定者)の、のびーです。

4月の入社に向けて、せっせと勉強をしているアルバイターです。

jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！
http://jsdo.it/blog/2013/01/html5cat-update.html
リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いてみます！

※ 文中の例について、ChromeとFirefoxとOperaいずれの最新版とIE10が対応しています。

CSSだけで絵を描く!?

さて突然ですが、こちらのイラストをご覧下さい。

はい、絵本に出てきそうな、おひさまです。
そしてこのイラスト、実はCSSだけで描かれています。

「CSSって、Webのレイアウトをするためのものじゃないの?」、と思う方もいるかとは思いますが、
断言します。いまCSSお絵描きが熱いんです!!

今回の記事では、このイラストの作り方について説明しながら、
CSSお絵描きの楽しさを伝えられたらなと思います。