[CSS]画像を使用しないでApple風のパンくずを作成するチュートリアル
階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></
Appleサイトのメニュー風ボタンを作るチュートリアル:phpspot開発日誌
Quick Tip: Beveled Text without Filters or Effects | BittBox Every once in a while we might find ourselves needing to get that “inset” or “beveled” look for text, probably more often for buttons and web design, than anything else. Appleサイトのメニュー風ボタンを作るチュートリアル。 次のようなAppleサイトのメニュー風ボタンを作れます。 イラストレーター用のチュートリアルですが、PhotoShopでもレイヤースタイルで同じように作れそうですね。 シンプルなデザインですが、クールというAppleなUIをまねしてみたいという方は是非試してみましょう。 関連エン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.threestyles.com/tutorials/coding-apples-navigation-bar-using-css-sprites/
CSS3 gradientを使ってグラデーションを表現 | solo.design
