happycrewのブックマーク / 2012年2月20日

CSS3ボタン｜CSS3デザイン｜スタイルシート（CSS）｜PHP & JavaScript Room

光るボタン CSS3 Gradient Buttons〔クロスブラウザ対応のグラデーションボタン〕 Better Button and Nav Interactions〔フェード効果付きの角丸ボタン〕 CSS3 Buttons Without Any Images〔button要素を角丸ボタンに〕 Super Awesome Buttons with CSS3 and RGBA〔角丸ボタン〕 Nice CSS3 buttons〔背景色が変えられるボタン〕 lovely Candy CSS3 buttons〔ラムネ菓子みたいな可愛いボタン〕 Animated Bubble Buttons CSS3〔マウスオーバーで背景の泡がアニメーションするシャンパンみたいなボタン〕 CSS3 Gradient Buttons クロスブラウザ対応のグラデーションボタン unknown CSS3 Gradie

happycrew 2012/02/20

ボタン

css3

リンク

設置サンプル | PHP & JavaScript Room

<h4>参考：<a href='http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/' target='_blank'>CSS3 Gradient Buttons</a></h4> <style type="text/css"> #dark { background-color:#333; border:1px solid #000; margin:20px auto; padding:20px; color:#fff; } #light{ background-color:#fff; border:1px solid #dedede; margin:20px auto; padding:20px; } .button, .button:visited { display: inline-block; outline