CSSグラデーション生成ツール
直感的なビジュアルエディターで美しいCSSグラデーションを作成します。プリセットから選択するか、色、位置、角度をカスタマイズします。
0°90°180°270°360°
%
%
background: linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);
CSS Gradients - 技術的な詳細
CSS gradients let you display smooth transitions between two or more colors. They're created using the background-image property with linear-gradient() or radial-gradient() functions.
コマンドラインでの代替方法
/* Linear Gradient */\nbackground: linear-gradient(135deg, #00d4ff, #a855f7);\n\n/* Radial Gradient */\nbackground: radial-gradient(circle, #00d4ff, #a855f7);