CSSグラデーション生成
美しいCSSグラデーションを視覚的に作成
0°360°
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);よく使うプリセット
FAQ
- CSSグラデーションを作成するにはどうすればよいですか?
- Toolloのビジュアルグラデーションエディターで色を選択し、ストップを調整し、方向を設定してください。リアルタイムでCSSコードが生成され、スタイルシートに直接コピーできます。
- 放射状グラデーションや円錐グラデーションに対応していますか?
- はい、Toolloはリニア、ラジアル、コニックの各グラデーションタイプに対応しています。複数のカラーストップの追加、角度の調整、CSSコードのコピー前にグラデーションをライブプレビューできます。
- CSSグラデーションコードをワンクリックでコピーできますか?
- はい、コピーボタンをクリックすると、クロスブラウザプレフィックスを含む生成済みCSSグラデーションコードを即座にコピーできます。登録不要で完全にブラウザ内で動作します。