2010年09月03日 11時54分07秒
CSS3で作ったラムネ菓子っぽい雰囲気のボタン「BonBon Buttons」
「BonBon Buttons」はCSS3/HTML5をサポートするブラウザで表示可能なボタンとなっており、色・フォント・つやつやさせるかどうか・サイズ・形・アイコンだけにするか文字を表示するかなどがコントロール可能となっています。
コードのダウンロードは以下から。
BonBon Buttons - Sweet CSS3 buttons
モーフィングも可能で、マウスを上に乗せると……
こうなる
試しにGIGAZINEで作るとこうなりました、なんだかおいしそう
アイコンも表示させるとこうなります
・関連記事
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
使えるCSSコードいっぱい「Dynamic Drive CSS Library」 - GIGAZINE
Flashを使わずJavaScriptとCSSで動くかっこいいアナログ時計＆デジタル時計 - GIGAZINE
CSSでチェックボックスとラジオボタンをスタイリッシュに - GIGAZINE