Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
グラデーションは、2 つ以上の色間の滑らかな移行です。グラデーションは、Web デザイン、UI 要素、イラストに奥行き、立体感、視覚的な面白さを加えます。
2 つの色を選択し、グラデーションの角度を選択すると、その結果が即座にキャンバス上に表示されます。プロジェクトで使用する CSS コードをコピーします。
線形グラデーションと放射状グラデーションの違いは何ですか?線形グラデーションは直線に沿って遷移しますが、放射状グラデーションは中心点から放射状に広がります。
CSSでグラデーションを使用できますか?はい、background-image プロパティを線形グラデーション関数または放射状グラデーション関数とともに使用します。