ボタンをCSS(Sass)で色々作る

自分用のメモ、随時追加していきます。

準備

  • リセットCSSとして、destyle.cssを使用しています。

通常ボタン

See the Pen 通常ボタン by keiichisawai (@sawakei) on CodePen.

前にアイコン画像

See the Pen ボタン色々 by keiichisawai (@sawakei) on CodePen.

後ろにアイコン画像

See the Pen 後ろにアイコン画像ボタン by keiichisawai (@sawakei) on CodePen.

クリックで変化するボタン

See the Pen クリックで変化するボタン by keiichisawai (@sawakei) on CodePen.