Build Kick-Ass Practical CSS3 Buttons | Nettuts

デラックスでカッコいいボタンをCSS3で作成するチュートリアルがNettutsにて公開されています。
ホバー、クリック時に色が変わり、影が付くというエフェクト付です。



CSSなしのマークアップは以下のように<a>だけなのですが、CSS3の凄さが分かります。
<a href="#" class="button"> Follow Me </a>

こうしてCSSにして外部ファイルにしてブラウザにキャッシュさせることで、デラックスなボタンを実装しつつ、転送量を少なくしたりすることも出来るところがよいですね。

関連エントリ

• ピュアCSS3で3Dアニメーション
• ピュアCSS3を使ったajaxアニメーション実装例
• jQueryとCSS3で作るカラフルなスライダーウィジェット