CSS linear-gradient() 関数の働きは何か

CSSのlinear-gradient()関数は、線形グラデーションの背景色または背景画像を作成するために使用されます。指定された方向に沿って色または画像を滑らかに変化させます。

この関数は、カラー名、16 進数、RGB、HSL などの形式の 1 つまたは複数のカラー値をパラメータとして受け取ります。複数のカラー値はコンマで区切って指定し、異なるカラーポイントを表します。

グラデーションの方向を指定することで制御することができ、to top、to bottom、to leftなどのキーワードや、45度、120度などの角度の値で角度を指定できます。

カラー値や方向のほか、キーワードや長さの値を追加することで、グラデーションの位置や長さを調整することもできます。

linear-gradient() 関数は、要素の背景色や背景画像を設定するために使用できます。これにより、background プロパティー内の background-color または background-image プロパティーの値を適用できます。