ラジアルグラデーションは、CSSのradial-gradient()関数で作成する円形のグラデーションです。中心点から外側に向かって色が変化する効果で、光の表現やスポットライトのような演出に最適です。円と楕円の2つの形状から選択できます。
中心点の位置は、atキーワードで自由に指定できます。デフォルトでは中央ですが、at top leftで左上、at 30% 70%で任意の位置に中心を設定できます。形状としてcircle（円）とellipse（楕円）が選択可能で、要素のアスペクト比率に合わせた調整ができます。
ラジアルグラデーションは、ボタンの立体感を表現する際に特に効果的です。中心を明るく、外周を暗くすることで、光沢のあるボタンを作成できます。背景全体に適用すると、中央が明るいウェルカムページのような演出が可能です。デザインプロジェクトページで、具体的な活用シーンをご紹介しています。