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ボタンを作ろう。
次のような3DのCSSボタンを作ります。
マークアップは<a>タグのみ
<a href="http://www.dave-woods.co.uk">Hover over me</a>
のこりはCSSで実装(CSSの例はこちら)
クリックして欲しいとき、目立たせたい時は使えそう
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ