deg
%
%
使い方
グラデーションの種類（linear・radial・conic）を選び、角度やカラーストップ（色と位置）を調整すると、プレビューと生成CSSコードがリアルタイムで更新されます。色は何色でも追加できます。 仕上がったらCSSコードをワンクリックでコピーして、そのままスタイルシートに貼り付けるだけ。値を手打ちしてリロードを繰り返すより、はるかに速くグラデーションを作り込めます。
- Linear/Radial/Conicグラデーション対応
- 角度・色停止点のカスタマイズ
- リアルタイムプレビュー
- CSSコードのコピー
こんなときに使おう
- ウェブサイトの背景にグラデーションを使いたいとき
- CSSのgradientコードを素早く生成したいとき
- 複数色のグラデーションを試したいとき