CSS グラデーションジェネレーターガイド

このツールは CSS グラデーションを視覚的に作成するのに役立ちます。以下のことができます：

• グラデーションタイプの選択（線形/放射状）
• 複数のカラーストップの追加
• 線形グラデーションの角度調整
• 放射状グラデーションの位置調整
• 生成された CSS コードのコピー
• グラデーションのリアルタイムプレビュー

使用方法

1. グラデーションタイプを選択（線形または放射状）
2. 線形グラデーションの場合：
   • 角度選択器の青い点をドラッグして角度を調整
   • または具体的な角度値を入力（0-360度）
3. 放射状グラデーションの場合：
   • グラデーションの中心位置を選択（中央、上、右、下、左）
4. カラーの管理：
   • "+"をクリックして新しい色を追加（最大5色）
   • カラーピッカーで色を選択
   • スライダーで色の位置を調整
   • "削除"をクリックして色を削除（最小2色）
5. 生成された CSS または Tailwind CSS コードをコピー

ヒント

• 基本的なグラデーションには最低2色を使用
• 複雑なグラデーションには複数の色を追加
• よく使う角度：
  • 0° = 下から上へ
  • 90° = 左から右へ
  • 180° = 上から下へ
  • 270° = 右から左へ
• 円形効果には放射状グラデーションを試す