CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集
2007年12月04日-
スポンサード リンク
Dynamic Drive CSS Library- CSS Oval buttons
These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons.
CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。
次のようなボタンのCSSとHTMLが公開されています。
マウスオーバーでホバーします。
マークアップは次のように、div と a , span タグを併用
<div class="buttonwrapper">
<a class="ovalbutton" href="#"><span>Submit</span></a> <a class="ovalbutton" href="#" style="margin-left: 6px"><span>Reset</span></a>
</div>
シンプルなので色々なシーンで利用できそうです。
つい押したくなる程よいボタン感がいいですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ブラウザ上でPDFを表示するJSライブラリ「PDF.js」
- 次世代の検索フォームを作成するjQuery&CSS3サンプル
- 2012年2月9日 管理人のブックマーク
- faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」
- ページめくりを実現するためのjQueryプラグイン集
- 2012年2月8日 管理人のブックマーク
- HTMLをアップするとCSSのスケルトンを自動生成してくれる「bearcss」
- HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
- 2012年2月7日 管理人のブックマーク
- 商用利用可能なバレンタインデーのアイコンセット10
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)




