グラデーション 作成
線形・円形のCSSグラデーションを見ながら作成できます。色の位置を追加・ドラッグし、角度を変えるとすぐにプレビューに反映されます。CSSコードはワンクリックでコピーでき、好きなサイズのPNG背景画像としても保存できます。
種類
形
カラーストップ
バーをクリックすると色の位置が増えます。ドラッグで移動できます。
おすすめ
CSSコード
使い方
- 線形か円形を選び、角度(または形)を決めます。
- バーをクリックすると色の位置が増え、ドラッグで移動、それぞれの色も変更できます。
- CSSコードをコピーするか、サイズを選んでPNGで保存します。
よくある質問
CSSグラデーションはどのブラウザで使えますか？
linear-gradient()とradial-gradient()は、最新のブラウザならベンダープレフィックスなしで使えます。
角度は何を表していますか？
0°は下から上、90°は左から右、180°は上から下へ色が変わります。
PNGを壁紙やサムネイルの背景に使えますか？
はい。1920×1080・1080×1920などのサイズで保存して自由に使えます。