CSSでグラデーションの背景色を設定する方法
CSSのグラデーションの背景色は、backgroundプロパティのlinear-gradient()関数で設定できます。
この文を日本語に自然に言い換えてください。1つのオプションのみ必要です。
background: linear-gradient(direction, color-stop1, color-stop2, ...);
このパラメーターの説明
- グラデーションの方向。上へ(to top)、下へ(to bottom)、左へ(to left)、または右へ(to right)です。
- color-stopX: グラデーションの色とその位置です。単一の色でも、色と位置を組み合わせることもできます。位置はピクセル、パーセント、キーワードで指定できます。
これは、日本語でネイティブに言い換えた一例です。
div {
background: linear-gradient(to right, red, yellow);
}
この例では、div 要素の背景色は左から右にグラデーションがかかっており、開始色は赤で終了色は黄色です。