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サイトをご覧下さい。

《Web Design:Template-Party》