gradient

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

角度と開始色・終了色を選ぶだけで linear-gradient のCSSを生成。0deg は下から上、90deg は左から右。背景やボタンの装飾に使えます。

使い方:角度と2色を選ぶと linear-gradient(グラデーション)が出ます。

仕組み・詳しく
角度は 0deg=下→上、90deg=左→右、135deg=左上→右下、180deg=上→下。background プロパティに指定します。背景やボタンの装飾に。

設定

開始色 終了色

プレビュー

—
広告