CSS on 30 Sep , 2016
グラデーションの背景やボタンは非常に綺麗ですが、
画像で作ってしまうと、色を変更したいときに面倒ですよね。
特にグラデーションのボタンなんかは、オンマウスで切り替わったりすると、
変更があったときにまた切替前と切替後で2枚作成しなければいけません。
でもこれがすべてCSSで指定してソースを変更するだけでいいので簡単ですね!
OFF…
ON!!!
まずボタンはこのように記述します。
-- HTML --
TEST
次にcssでグラデーションをかけます。
好みの色にするのが結構大変でした…。
-- CSS --
.btm-l {
height: 143px;
width: 80%;
text-align: center;
font-size: 40px;
color: #fff;
margin: 0 auto;
pad...