Make CSS3 buttons that are extremely fancy - The Official Posterous Tech Blog

立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル。
iPhoneをお使いの方はご存知の次のようなボタンの実装例です。
hover時、クリック時にちゃんと押した感じが出てます。





-webkit〜プロパティ使用で基本、webkit系ブラウザ(Chrome, Safari)にしか対応していません。
つい押したくなるボタンなので、iPhone用サイトでサインアップとか押してもらいやすい部分に実装するとよいかもしれませんね。

関連エントリ

• 綺麗にデザインされたCSS3ボタンのまとめ
• CSS3なボタンをWEB上で作れる「Button Maker」
• CSS3でクールなボタンを作るチュートリアル集いろいろ