CSSでWii風ボタン

2008/11/6 00:00

感じの良いSubmitボタンを探していたら見つけた。

Simple Round CSS Links ( Wii Buttons )

http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php

CSSと1枚の画像のみで実現できるシンプルでかわいいWii風ボタン。ボタンの記述もシンプル。アンカータグ(Aタグ)によるボタンとSubmitボタンの双方に対応。

また、対応ブラウザは、IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9（ただし、submitボタンに関してはブラウザ判定要）。

ブラウザによって（IEか、それ以外）ボタンのHTMLタグを動的に変更しなければならない。

PHPで実装。配布する予定のスクリプトなので、get_browser()ではなく、$_SERVER[‘HTTP_USER_AGENT’]で簡易的に判断。

Wiiブラウザ風CSSボタンを作成「Wii Buttons」

CSSでWii風のシンプルで角がまるいボタンを作る