CSSでグラデーションの背景色を設定する方法

CSSのグラデーションの背景色は、backgroundプロパティのlinear-gradient()関数で設定できます。

この文を日本語に自然に言い換えてください。1つのオプションのみ必要です。

background: linear-gradient(direction, color-stop1, color-stop2, ...);

このパラメーターの説明

  1. グラデーションの方向。上へ(to top)、下へ(to bottom)、左へ(to left)、または右へ(to right)です。
  2. color-stopX: グラデーションの色とその位置です。単一の色でも、色と位置を組み合わせることもできます。位置はピクセル、パーセント、キーワードで指定できます。

これは、日本語でネイティブに言い換えた一例です。

div {
background: linear-gradient(to right, red, yellow);
}

この例では、div 要素の背景色は左から右にグラデーションがかかっており、開始色は赤で終了色は黄色です。

bannerAds