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

CSSグラデーション背景を生成

90°180°270°360°
0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

使い方

CSSグラデーションジェネレーターは、ビジュアル操作で線形グラデーションと放射グラデーションを作成できます。色、方向、角度を選択してリアルタイムプレビュー。

よくある質問

CSSでサポートされるグラデーションの種類は?

linear-gradient、radial-gradient、conic-gradientをサポートしています。

すべてのブラウザで動作しますか?

モダンブラウザはすべてサポートしています。IE9以下は非対応です。