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で実装（ＣＳＳの例はこちら）
クリックして欲しいとき、目立たせたい時は使えそう
関連エントリ
スポンサード リンク
By.KJ : 2008年01月30日 10:06 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャＭ」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された５００種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ
