CSS GRADIENT BUTTON

下のグラデーションボックスをクリックするとCSSグラデーションボタンが作れます。

「ボタンをカスタマイズする」をクリックすると更にカスタマイズできます。
「Copy to clipboard」をクリックすると出来上がったボタンのソースをコピーする事ができます。

ボタンをカスタマイズする

Text
Text color
Text shadow size [+] px
Text shadow color yesno
Font Family
Bold textyesno
Font size px
Padding [+] px
Shadow size [+] px
Shadow Inset yes no
Shadow color
[-]
Reset
Background Start automodify
Background End automodify
Background Start HOVER automodify
Background End HOVER automodify
Border Radius size [+] px
Border [+] automodify
Border size [+] px
Border HOVER [+] automodify
Border size HOVER [+] px
Easier to edit : Background Example
Copy to clipboard
 




このURLはあなたの作ったCSSグラデーションボタンのURLです。
お気に入りに入れておけばいつでも同じボタンが作れます。また、URLをコピペしてTwitterやFaceBookなどで友人とシェアする事もできます。
INTEGRATION WITH SPAN TAG
<span>タグにCSSグラデーションボタンを割り当てたい場合は以下のソースを<body>内にコピペしてください。

INTEGRATION WITH FORM BUTTON
フォームのボタンにCSSグラデーションボタンを割り当てたい場合は以下のソースを<body>内にコピペしてください。

便利ツール

Favicon作成ジェネレーター
CSSグラデーションボタン作成ツール
PhotoShop風 ColorPicker
カラーコード変換ツール
URLエンコードツール
メールアドレス変換ツール
Basic認証用パスワード生成ツール
Punycode変換ツール
GoogleMapsルーティング検索
GoogleMaps座標取得ツール
Twitter集客ツール