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

sampleこんな線形グラデーションが作れます。クリックすると同じデザインが簡単に作成できます♪

STEP1 選択

クラス名



角度

     

     

 位置:%

 位置:%

STEP2 プレビュー

このグラデーションでOKなら、下のコードをコピーして貼り付けてください。

STEP3 コード

HTML

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

CSS

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