linear-gradient の読み方

linear-gradient の読み方

HTML用語「linear-gradient」の読み方を掲載してます。

読み⽅

リニアグラディエント。
完全にライナーと信じ切ってよんでました。

lineはラインなのに、linearはリニア。

英訳

linear 線形。
gradient 勾配。この場合は一般的にグラデーションの意で線形グラデーション。

linear-gradient とは

線形グラデーションを指定するcssの関数 linear-gradient() です。
グラデーションの角度は、degなどの単位を付けた角度値で指定します。 また、グラデーションの開始色と終了色は、カンマ( , )区切りで指定します。

構文
linear-gradient(グラデーションの角度または方向, 開始色, 途中色, 終了色);
グラデーションの色は何色でも指定可能です。
色だけを指定した場合は、上から下に線形グラデーションが生成されます。

使用例
.sampl1 {
background: linear-gradient(rgb(230, 112, 100), rgb(132, 124, 201));
}
上辺からオレンジから薄紫ー夕焼けのようなグラデーション
.sample2 {
background: linear-gradient(90deg,#bac, rgb(255, 255, 255));
}
左から薄紫-白のグラデーション