CSS 漸層：線性漸層()

Linear-gtradient() css 函數建立線性漸變作為背景
語法是：
一個 CSS 選擇器{
背景影像：線性漸層（角度，顏色1，顏色2，顏色3，......）;
}

angle :可選是對漸變方向的引用
預設為 180deg
我們可以使用這些關鍵字來取代 deg 來決定方向：
*向右：等於 90 度
**向左：等於 270 度
* 到上：等於 0deg
**到底部：等於 180 度（可選，因為 l Linear-radient() 中的度數是到底部
**color1 ：我們需要這個值包含一個顏色值，後面跟著
一個或兩個位置的可選顏色停止點（0% 到 100% 之間的百分比或沿漸變軸的長度）。

坡度 {

高度：200px；
/* 傾斜 45 度的漸變，
開始為藍色，結束為紅色/
/
/*
背景影像：線性漸層（45度，藍色，紅色）；
*/

/* 從右下角到左上角的漸變，
開始為藍色，結束為紅色/
/
/*
背景影像：線性漸層（到左上角，藍色，紅色）
*/

背景影像：線性漸層（向右，紅色，50%，藍色）

/*
多位置色標：傾斜 45 度的漸變，
左下半部為紅色，右上半部為藍色，
帶有一條硬線，漸變從紅色變成藍色
*/

/*
背景影像：線性漸層（
45度，
紅色 0 50%，

藍色 50% 100%);

*/

以上是CSS 漸層：線性漸層()的詳細內容。更多資訊請關注PHP中文網其他相關文章！