CSSグラデーション生成ツール
グラデーションのCSSコードを自動生成します。線形と放射状の2種類から好きな色を設定して生成できます。
パターン
線形放射状設定値
カラー1 (#eb2972)
カラー2 (#06c0cc)
位置 (50%)
境界 (80%)
角度 (135度)
解説
グラデーションの色や位置などからCSSコードをリアルタイムに生成します。
設定項目
| パターン | 線形と放射状の2種類から選択できます。 |
|---|---|
| カラー | 組み合わせるカラーを2種類設定できます。 |
| 位置 | 2つのカラーの境界線位置を設定できます。 |
| 境界 | 2つのカラーの境界幅を設定できます。数値が大きいほど滑らかなグラデーションとなります。 |
| 角度 | 種類が線形の場合、角度を設定できます。 |
