CSS グラデーション生成

CSSグラデーションの書き方

CSSのlinear-gradientは、background: linear-gradient(角度, 色1, 色2)の形式で記述します。 角度を省略すると上から下（180deg）になります。

よく使う角度

• 0deg ── 下→上
• 90deg ── 左→右
• 135deg ── 左上→右下（最も人気）
• 180deg ── 上→下（デフォルト）

関連ツール

色選びにはカラーコード変換や配色ジェネレーターが便利です。 CSS単位変換でrem↔px変換もできます。