2.5dBUTTONは、必要な項目を設定するだけで、フラットなボタンを生成してくれるジェネレーターです。サイトに設置するためのHTMLとCSSが出力されるので、コピペでボタンを実装することができます。
2.5dBUTTONの使い方
2.5dBUTTONにアクセスします。
上部に表示されるプレビューを確認しながら、テキストや色などを設定していきます。
| BUTTON LABEL | ボタン上に表示するテキスト |
| LABEL SIZE | テキストのサイズ |
| ICON | アイコン |
| ICON SIZE | アイコンのサイズ |
| LABEL COLOR | テキストの色 |
| POPUP DIST | マウスホバー時のアニメーション |
| HORIZONTAL PADDING | 横の余白 |
| VERTICAL PADDING | 縦の余白 |
| RADIUS | 角丸 |
| SPEED | アニメーションのスピード |
| BUTTON COLOR | ボタンの背景色 |
| SIDE DARKNESS | 影の不透明度 |
出力されたHTMLとCSSをサイトにコピーして利用します。
あとがき
アニメーションも付いているのが良いですね。サクッとボタンを実装したいときにぜひ。



