#3b82f6
位置0 %
グラデーションジェネレーター
タイプ・角度・色をスライダーで調整。10種のプリセットからも選べます
#8b5cf6
位置100 %
プリセット
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);使い方
- カラーストップの色と位置スライダーを動かして、グラデーションの色を設定しよう
- 角度スライダー（または方向ボタン）でグラデーションの向きを変えよう
- 「📋 CSSをコピー」ボタンでコードをコピーして自分のスタイルシートに貼り付けよう！まずはプリセットから試してみるのもおすすめ