このツールについて
この無料の CSS グラデーションジェネレーター を使うと、好きなだけカラーストップを持つ 線形または放射状グラデーション をデザインし、角度を設定し、ライブでプレビューし、そのまま使える CSS をコピー できます。
すべて ブラウザ内で 動作します — 何もアップロードされません。
機能
- 線形または放射状 のグラデーション
- 位置を調整できる 複数のカラーストップ
- 線形グラデーションの 角度 制御
- ライブプレビューとワンクリックの CSS コピー
使い方
- タイプを選ぶ — 線形または放射状
- カラーストップを設定 — 色を変更し位置をドラッグ、必要に応じて追加
- 角度を調整（線形）
- CSS をコピー — そのままスタイルシートに貼り付け