Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@norilog4

norilog4/btn-sample.html

Created December 17, 2020 14:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save norilog4/a93a7ce18315f11214d16e15f444b2f3 to your computer and use it in GitHub Desktop.
Save norilog4/a93a7ce18315f11214d16e15f444b2f3 to your computer and use it in GitHub Desktop.
Download ZIP
クリックされやすいCSSボタンのデザイン html
Raw
btn-sample.html
<div class="button2-c-wrap">
<a href="" class="button2 button2-c"><span>ノウハウ資料を見たい方はコチラ！</span><br><i class="far fa-file-alt"></i>資料請求をする（無料）</a>
</div>
<div class="button1-wrap">
<a href="" class="button1 button1-c"><span>Adobe XDのサンプルファイルはこちら</span><br><i class="fas fa-file-download"></i> テンプレートをダウンロードする（無料）</a>
</div>
<div class="button3-wrap">
<a href="" class="button3 button3-c"><span>お気軽にお問い合わせください！</span><br>お問い合わせする <i class="far fa-envelope"></i></a>
</div>
@norilog4
Copy link
Author

このカスタマイズを解説した記事
https://noripon.blog/2020/12/17/how-to-create-stylish-and-easy-to-use-css-button-designs/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment