CSS グラデーション:linear-gradient()

linear-gtradient() CSS 関数は背景として線形グラデーションを作成します
構文は次のとおりです:
CSS セレクター{
背景画像:線形グラデーション(角度,色1,色2,色3,....);
}

角度 : オプションは、グラデーションの方向への参照です
デフォルトは 180 度です
deg の代わりにこれらをキーワードに使用して方向を決定できます:
*右へ:90 度に等しい
**左へ:270度に等しい
* から上へ: 0 度に等しい
**tobottom:equals 180 deg(llinear-radient() の度数は tobottom
であるためオプションです **color1 : この値は、後に続く色の値で構成されている必要があります
オプションのカラーストップの 1 つまたは 2 つの位置 (0% と 100% の間のパーセンテージ、またはグラデーション軸に沿った長さ)。

勾配 {

高さ: 200px;
/* 45 度傾いたグラデーション、
青で始まり赤で終わる /
/
/*
背景画像:線形グラデーション(45度、青、赤);
*/

/* 右下から左上隅に向かうグラデーション
青で始まり赤で終わる /
/
/*
背景画像:線形グラデーション(左上へ、青、赤)
*/

背景画像:線形グラデーション(右へ、赤、50%、青)

/*
マルチポジションカラーストップ：45度傾いたグラデーション
左下半分が赤、右上半分が青です
赤から青へグラデーションが変化する硬い線
*/

/*
背景画像 :linear-gradient(
45度、
赤 0 50%、

青 50% 100%);

*/

以上がCSS グラデーション:linear-gradient()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。