線形グラデーションジェネレーター

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

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

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

<div class='box'></div>

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

.box{
    background-image: linear-gradient(to right bottom,#63FF80 10%,#66BAFF 80%);
    width:100%;
    height:100%;
}