[CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート

GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ（当方日本語化） 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ（当方日本語化） <a href="#" class="button">Post comment</a> <input class="

[min37]

シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート | コリス

[kohaku2000]

GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシート

[fclout]

シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート | コリス

[hidehish]

見てる:

[gachakku0131]

すばらしい。勉強にもなる

[amberjack115]

# これはいいな

[kkeisuke]

css3

[deg84]

これは普通に使える

[o_hiroyuki]

cssを使ったボタンデザイン

[janeiro]

これはシンプルで良い。

[tatsu00]

これも参考に・・・

[kussun]

class指定がポイント。アイコンは、CSSスプライトでひとまとめにしてある。分かりやすいから、即使えるね。 / IE8、Operaで、CSS3の一部の機能が未対応。アイコンは、IE6/7で非対応。

[griefworker]

GitHub風のボタンが実装できるスタイルシートの紹介。シンプルでいいね。

[hr07jp]

CSS3 GitHub Buttons シンプルボタン

[garbagetown]

使い勝手良さそう

[hedeyoshi]

ステキ！今度使おう。

[orihara05]

PC

[psn]

ボタンセット

[Donca]

✔ [CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート