CSSグラデーション生成ツール
線形および放射状のCSSグラデーションを視覚的に作成します。
background: linear-gradient(90deg, #6366f1, #ec4899);ライブプレビューを見ながらCSSグラデーションを設計し、すぐに使えるbackgroundコードをコピーできます。
使い方
- 線形または放射状を選びます。
- 色と角度を選びます。
- CSSをコピーします。
よくある質問
- 色の区切りを追加できますか？
- この生成ツールは2つの区切りを使います。コピーしたCSSを手動で拡張できます。
- CSSはどこに記述しますか？
- background または background-image プロパティの値として使用します。