ボタン

ゴースト・フラットボタン

「01.Ghost Button」は任意タグに「ghBtn」
  既存のボーダーカラー指定可
  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」
以下の背景カラーを指定すると、立体っぽくなります。

01.四角 立体ボタン

02.角丸 立体ボタン

code

01.四角 立体ボタン
<a href="#" class="stBtn bgRed">color:bgRed</a>
02.角丸 立体ボタン
<a href="#" class="stBtnR bgRed">color:bgRed</a>
Share