細かくカスタマイズが可能なボタンジェネレータ。
自由自在にCSSでボタンを装飾可能で、
あらかじめ用意されたテンプレートから選択、
デザインをカスタマイズしてCSSコードを出力できます。
目次
使い方
まずは画面左側のテンプレートから作りたいデザインに近いボタンをクリックします。
たくさんのテンプレートが用意されているので、どんなWebページにも簡単に合わせる事ができそうです。
テンプレートから読み込まれたデザインを、画面右側のプロパティから調整していきます。
ボタンのラベルやフォントサイズ、ボタンサイズやボーダーサイズ、ボタン内の影やテキストシャドウなど
細かなプロパティが設定可能です。
ボタンの配色は、真ん中のプレビューウィンドウの下部から調整します。
豊富なプロパティで自由自在に好きなボタンを作成できます。
角丸なデザインもBorder-Radiusで作る事ができます。
デザインが出来たら、真ん中のプレビューウィンドウの下部の「Get Code」をクリックすると
CSSコードを取得できます。
「Prefix」にチェックを付けると各種ブラウザにも対応可能なコードを出力してくれます。
Web上でボタンを作成するのに強力なツールになりそうです。
コメント