ボタン・テキストリンクの装飾 – WordPressテーマ「mag.」

ボタン・テキストリンクの装飾

    INDEX

  1. ボタンの装飾
  2. テキストリンクの装飾

ボタンの装飾

<div class="ge-button as_large">
<a href="/">テキストが長いボタン</a>
</div>
<div class="ge-button as_small">
<a href="/">ボタン</a>
</div>
<div class="ge-button unit-button">
<a href="/">BOOTHで購入</a>
</div>
<div class="ge-button cart-button">
<a href="/">BOOTHで購入</a>
</div>
<div class="ge-button soldout-button"><a>sold out</a></div>

テキストリンクの装飾

<div class="arrow-button">
<a href="/">詳しくはこちら</a>
</div>
<div class="arrow-button text-l">
<a href="/">大きめの詳しくはこちら</a>
</div>
<div class="arrow-button text-s">
<a href="/">小さめの詳しくはこちら</a>
</div>
<div class="text-link">
<a href="/">下線がふわっとアニメーション</a>
</div>

RELATED POST