CSSグラデーション生成ツール
線形および放射状のCSSグラデーションを視覚的に生成します。
使い方
- •グラデーションタイプを選択（線形、放射状、円錐）
- •カラーピッカーをクリックして開始色を選択
- •カラーピッカーをクリックして終了色を選択
- •スライダーでグラデーションの角度や位置を調整
- •CSSコードが自動的にプレビュー領域に生成されます
- •「コピー」をクリックしてCSSコードをクリップボードにコピー
135°
background: linear-gradient(135deg, #3b82f6, #06b6d4);
よくある質問
関連ツール
フィードバック