CSS3対応、CSSボタン作成ジェネレーターです。スマホデザインに最適です。
使い方は簡単♪3ステップ。
CSSとHTMLを貼りつけるだけで、簡単に素敵なボタンが作成できます。

sampleこんなCSSボタンが作れます。クリックすると同じボタンが簡単に作成できます♪

STEP1 選択

クラス名

テキスト内容

大きさ

px

px

上  下  左 

サイズ

色  

hover

角丸

サイズ

左上 右上

左下 右下

hover

変更時間

横移動 

縦移動 

ボタン背景

通常色

hover

ボタンの影

なし  外側  内側

色  

横位置

縦位置

ぼかし

広がり

hover
なし  外側  内側

文字

太字 斜体

サイズ px

文字位置

通常色

hover

文字影

なし あり

色  

横位置

縦位置

ぼかし

STEP2 プレビュー

背景色:

このボタンでOKなら、下のコードをコピーして貼り付けてください。

STEP3 コード

HTML

こちらのHTMLコードをコピーして貼り付けます。

CSS

こちらのCSSコードをコピーして貼り付けます。