1. ホーム
  2. 質問と答え
  3. Appleウェブサイトのボタンのようにボタンを作成するにはどうすればいいですか？

Appleウェブサイトのボタンのようにボタンを作成するにはどうすればいいですか？

2010-11-26 16 views

答えて

2

google resultsから選択するか、「CSSスプライト」を自分で検索してください。基本的なテクニックは、さまざまな状態と画像を1つのグラフィックに入れた後、:hover擬似セレクタを使用して、background-position宣言を変更して、背景イメージを適切な状態を含む座標に移動します。

出典

2010-11-26 14:24:40 prodigitalson

1

prodigitalsonの提案（アップルのやり方）の代わりに、現在のCSS 3スタイルの使用を検討することができます。

グラデーション：（embosedテキスト用）http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ テキストの影：http://www.w3.org/Style/Examples/007/text-shadow.en.html Roundedcコーナー：http://www.css3.info/preview/rounded-border/

など

出典

2010-11-26 14:59:19 RoToRa

+0

非常に正しいですが、プライマリサイトナビゲーションのルック＆フィールは、通常、プログレッシブエンハンスメントの候補ではなく、一般的にボード全体で同じである必要があります。とにかくスプライトを元に戻す必要がある場合は、このインスタンスのcss3をスキップするだけですが、それは私です。 – prodigitalson

関連する問題

 関連する問題