リニア・ラジアルグラデーションを視覚的に作成。
カラーストップの色と位置を設定。
リニアの角度やラジアルを選択。
生成されたCSSコードをコピーして使用。
制限なく追加できます。2色以上のマルチカラーグラデーションを自由に作成可能です。
はい、リニア(線形)とラジアル(放射状)の両方に対応しています。タイプ選択で切り替えできます。
モダンブラウザ(Chrome, Firefox, Safari, Edge)すべてで対応しています。ベンダープレフィックスは不要です。
Webデザインで使うCSSグラデーション(背景のグラデーション)を、色や方向を視覚的に調整しながら作成できるツールです。リニア(linear-gradient)とラジアル(radial-gradient)に対応し、生成されたCSSコードをそのままコピーしてスタイルシートに貼り付けられます。