前の記事 ≪：マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ
次の記事 ≫：「Skype」と「VNC」を使って外出先から自宅PCをリモート操作「SkyGateForVNC...

CSSでクールな3Dボタンを作ろう

2008年01月30日-はてなブックマーク

スポンサード リンク
Dave Woods - HTML, CSS, Web Design Simple CSS 3D Button
Creating 3D buttons is usually dealt with by using images but within this very simple tutorial, I’ll explain how regular links can be styled to look like 3D buttons using just a little CSS.

CSSでクールな3Dボタンを作ろう。
次のような３ＤのＣＳＳボタンを作ります。



マークアップは<a>タグのみ

<a href="http://www.dave-woods.co.uk">Hover over me</a>

のこりはCSSで実装（ＣＳＳの例はこちら）

クリックして欲しいとき、目立たせたい時は使えそう

関連エントリ

関連の記事検索：CSS
スポンサード リンク

By.KJ : 2008年01月30日 10:06 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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