CSSでinputやbuttonタグを画像化してボタン表示を消す
画像化すると変になる inputやbuttonタグを画像にすることはよくありますよね？ 送信ボタンってやつですね。 ボタンを画像化すると、まわりに枠が出ていますよね？ 気持ち悪いです。とても気持ち悪いです。 そのままでも普通に動くので問題ないといえば問題ないのですが 以外に簡単な方法で枠を無くすことが出来ました！ 気持ち悪い枠を無くすCSSはこれ 下記のCSSを適用するだけで枠を無くすことが可能です。 下記をCSSファイルに追加して下さい。 button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; } 「border:0」と「background:none」はボタンの表示を消すおまじまい
Beautiful Buttons for Twitter Bootstrappers
How to Use This CSS Generator This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) First, monkey with the sliders on the left. Use your arrow keys for extra precision. (Button Puffiness might not affect all browsers.) Second, copy the CSS in the box below. You should be able to just pop it into your CSS file. Apply the
BonBon Buttons - Sweet CSS3 buttons
Button Search Stars Home Play Share Love Quit Upload RSS There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. Markup I get a real kick out of trying to keep the markup minimal, so I'm really
Twitter で使われている綺麗な CSS3 ボタンの様なものを実装する CSS のコード
ちょっと綺麗なボタンを実装したいなと思っているのに中々簡単に実装できないことがあると思います。ジェネレーターを使ってもイマイチ作れなかったりする人もいると思います。 以下のコードを貼りつければ一瞬でこのような Twitter みたいなボタンを実装できます。社内ツールとか適当に作ってるサービスなどに組み込んでください。 form input[type=button], form input[type=submit] { color:#fff; text-align: center; background-color: #22AAFF; padding: 5px 10px; border-radius: 5px; /* CSS3 */ cursor: pointer; text-shadow: 0px 0px 2px #39d; background: -webkit-gradient(lin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Css Gradient Button - create css button
Ui Parade | Just another WordPress site
Components · Twitter Bootstrap
