CSSグラデーションとは
CSSグラデーションは、2色以上の色を滑らかに混ぜ合わせた背景や装飾を、画像ファイルを使わずにCSSコードだけで実現する技術です。
線形グラデーション（linear-gradient）
指定した角度または方向に沿って、色が直線的に変化するグラデーションです。0度（上向き）から360度（一周）まで自由に角度を設定でき、to bottom、to rightといった方向指定も可能です。
円形グラデーション（radial-gradient）
中心から放射状に色が広がるグラデーションです。円形（circle）または楕円形（ellipse）を選択でき、中心位置や広がり方も調整できます。ボタンやアイコンの装飾に適しています。
カラーストップとは
カラーストップは、グラデーション内で特定の色を配置する位置のことです。0%（開始位置）から100%（終了位置）まで、任意の位置に何色でも配置できます。複数のカラーストップを組み合わせることで、複雑で美しいグラデーションを作成できます。