13種類の素敵なボタンが作れるスタイルシート「bttn.css」

2017/01/16

こんにちは。
今回は13種類の素敵なボタンが作れるスタイルシート「bttn.css」です。

13種類の素敵なホバーエフェクトのボタンを実装できるCSSライブラリを紹介します。

13種類の素敵なボタンが作れるスタイルシート「bttn.css」

bttn.css

bttn-css

https://bttn.surge.sh/

 

「bttn.css」をダウンロードしてみよう!

https://bttn.surge.sh/にアクセスして「Download」のボタンをクリックしてダウンロードします。

 

「bttn.css」を設置してみよう!

bttn.min.cssをhead内に読み込みます。

 

bttn-css2

左側で6色からカラーを選択し、右側で4サイズからサイズを選びます。
ブロック要素にしたい場合は「Block Buttons」の箇所をクリックしますよ。
あとは13種類のボタンから好きなのをクリックして、コードをコピーします。

 

コピーするとこんな感じで、button要素にクラスが記述してありますよ。

 

現場でかならず使われている CSSデザインのメソッド
現場でかならず使われている CSSデザインのメソッド

 

いかがでしたか。サイトからコードをコピーできるので、簡単に設置できますね。
以上で13種類の素敵なボタンが作れるスタイルシート「bttn.css」でした。

topへ戻る