linear-gradient() 線性漸變

/* 漸變軸為 45 度，從藍色漸變到紅色 */
linear-gradient(45deg, blue, red);/* 從右下到左上、從藍色漸變到紅色 */
linear-gradient(to left top, blue, red);
/* to [left/right] [top/bottom] *//* 色標：從下到上，從藍色開始漸變，到高度 40% 位置是綠色漸變開始，最后以紅色結束 */
linear-gradient(0deg, blue, green 40%, red);/* 顏色提示：從左到右的漸變，由紅色開始，沿著漸變長度到 10% 的位置，然后在剩余的 90% 長度中變成藍色 */
linear-gradient(.25turn, red, 10%, blue);/* 多位置色標：45% 傾斜的漸變，左下半部分為紅色，右下半部分為藍色，中間有一條硬線，在這里漸變由紅色轉變為藍色 */
linear-gradient(45deg, red 0 50%, blue 50% 100%);

repeating-linear-gradient()
重復漸變的長度是第一個色標和最后一個色標之間的距離。

radial-gradient() 輻射漸變

radial-gradient(circle at center, red 0, blue, green 100%)

conic-gradient() 錐形漸變

/* conic-gradient(from 90deg [at 0 0], blue, red); */