CSS3漸變標(biāo)準(zhǔn)是CSS3新增的一項功能，它允許我們在網(wǎng)頁中創(chuàng)建流暢的色彩過渡效果，以及復(fù)雜的陰影和背景圖案。CSS3漸變標(biāo)準(zhǔn)不依賴于圖片，可以在保證頁面性能的同時，實現(xiàn)更多復(fù)雜的效果。

/* 線性漸變 */
div {
background: linear-gradient(to right, #00f, #f00);
}
/* 徑向漸變 */
div {
background: radial-gradient(circle, #00f, #f00);
}
/* 漸變重復(fù) */
div {
background: repeating-linear-gradient(#00f, #f00 10%, #00f 20%);
}
/* 線性漸變方向控制 */
div {
/* 從上到下 */
background: linear-gradient(to bottom, #00f, #f00);
/* 從右上到左下 */
background: linear-gradient(to bottom left, #00f, #f00);
/* 使用角度控制：從右上到左下 */
background: linear-gradient(225deg, #00f, #f00);
}
/* 漸變顏色停靠點控制 */
div {
/* 默認(rèn)兩個色值均勻過渡 */
background: linear-gradient(to right, #00f, #f00);
/* 添加停靠點 */
background: linear-gradient(to right, #00f, red 30%, #f00);
}
/* 多重漸變 */
div {
background: linear-gradient(to right, #00f, red 30%, #fff, #f00);
}

以上代碼演示了一些常見的漸變效果，包括線性漸變、徑向漸變、漸變重復(fù)、漸變方向控制、漸變顏色停靠點控制以及多重漸變。我們可以根據(jù)需求選擇不同的漸變方式和屬性，實現(xiàn)更多豐富多彩的效果。