次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集「10 Awesome CSS3 Buttons to use on your website」を紹介したいと思います。

グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。

詳しくは以下

ありがたいのが、見本のボタンのしたに、ソースコードがそのまま書かれており、細かい作り方まで見ることが出来ますし、CSS3で書かれているため、画像などは使っておらず、すぐに試すことができます。

デモも公開されていてデモは「10 Awesome CSS3 Buttons to use on your website」からご覧いただけます。また、ソースファイルはまとめてダウンロードすることもできるようになっていて、原文の下部のDownloadからダウンロードできます。現状はまだ利用されているところも少ないですが、今後は主流になっていくような気がします。

10 Awesome CSS3 Buttons to use on your website | Marked Lines