btn6-parts
テキスト量にあったサイズになるタイプ。fitを追加する。
▼ btn6-parts fit
▼ テキストとして入力できるものは、入れ替えもOK。
テキスト量にあったサイズになり、左右中央に配置されるタイプ。fit cを追加する。
▼ btn6-parts fit c
予備:親のボックスに対して幅100%になるタイプ。
幅があまりに広いとhover中に背景色が途中で切れます。調整はscale(50)の数値で、この場合は元の50倍。
ただ、逆に幅が狭いところで使うと、50倍まで広がりすぎてタイムラグが出ます。
画面幅いっぱいで使う事はほとんどないと思いますので、上記の2タイプのいずれかを使って下さい。または、ここのボタンの50の数値を下げてみて下さい。
▼ btn6-parts
Font Awesomeのアイコンとセットで使ってもOK
他のアイコンを探したい場合は、Font Awesomeサイトをご覧下さい。