ボタン
ゴースト・フラットボタン
「01.Ghost Button」は任意タグに「ghBtn」
既存のボーダーカラー指定可
background-color: rgba(255,255,255,.5);
「02.Flat Button」は任意タグに「flBtn」
「03.Flat shadow Button」は任意タグに「fsBtn」
既存の背景カラー指定可
既存のボーダーカラー指定可
background-color: rgba(255,255,255,.5);
「02.Flat Button」は任意タグに「flBtn」
「03.Flat shadow Button」は任意タグに「fsBtn」
既存の背景カラー指定可
code
<a href="#" class="ghBtn boBlack">01.Ghost Button</a>
<a href="#" class="flBtn bgBlack">02.Flat Button</a>
<a href="#" class="fsBtn bgBlack">03.Flat shadow Button</a>
立体ボタン
四角形は任意タグに「stBtn」
角丸は任意タグに「stBtnR」
以下の背景カラーを指定すると、立体っぽくなります。
角丸は任意タグに「stBtnR」
以下の背景カラーを指定すると、立体っぽくなります。
01.四角 立体ボタン
02.角丸 立体ボタン
code
01.四角 立体ボタン
<a href="#" class="stBtn bgRed">color:bgRed</a>
02.角丸 立体ボタン
<a href="#" class="stBtnR bgRed">color:bgRed</a>
Share