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));
}
左から薄紫-白のグラデーション
-
前の記事
ASCの読み方 2020.06.25
-
次の記事
radial-gradient の読み方 2020.06.25