WEB制作業界ではすっかりおなじみのキーワードとなってきたCSS3。ブラウザの対応も進んでいて、そろそろ手を付けていこうというかたも多いかと思います。今日紹介するのはCSS3を駆使して、立体的でアナログ感のあるボタンを作るプロジェクト「BonBon Buttons – Sweet CSS3 buttons」です。 シャドウと立体感と角丸などCSS3ならではの機能をふんだんに利用してボタンを作っています、見た目だけではなくて、クリックした時の動作感などもこだわっていて、表現だけではないリッチなボタンになっています。 詳しくは以下 ボタンの紹介だけではなくて、実際のソースファイルがダウンロードできるようになっていますので、コードをみながらどのように作られているのか、どんなパラメーターが見た目に寄与しているのかなどを確認しながら学ぶことができます。 開発者にとっては面白い教材なのではないでしょう
![CSS3で作るアナログ感たっぷりの立体ボタン「BonBon Buttons – Sweet CSS3 buttons」](https://cdn-ak-scissors.b.st-hatena.com/image/square/fee5139efb7547d11eb3d4d450bbb87a6e067f5e/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2010%2F09%2Fcss3bt.jpg)