CSS3の美しいボタンのサンプル

Chad Mazzolaさんが、CSS3を用いたボタンのサンプルのページを公開していたので紹介します。

CSS3 buttons

CSS3ボタンのサンプルを提示しているサイトは少なくはないのですが、このように列挙して眺めてみると、CSS3ってやっぱ凄いなと改めて実感します。

ページの下段には@font-faceを用いたCSS3ボタンや、Webkit限定の特異な形状のボタンも展示。一昔前は、画像ファイルで作成していた物がコードでこのような形状のものを作れるようになるとは想像も付きませんでした。早く一般的に利用できるよう、Internet Explorer 8以下は淘汰されてほしいと改めて思う次第です。

このページ自体をGitHubよりダウンロード可能なため、コードを徹底的に確認することができるのも嬉しい配慮。CSSファイルはボタンごとに丁寧にコメント付きなのも素晴らしい!

これをサンプルに、積極的にCSS3を活用していきたいですね。

related story