CSS3漸變的使用，可以使網(wǎng)頁更加美觀，讓色彩更加豐富。下面是一個四秒的CSS3漸變代碼實例。

body {
background: linear-gradient(to right, #fc00ff 0%, #00dbde 100%);
background-size: 400% 400%;
animation: Gradient 4s ease infinite;
}
@keyframes Gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

以上代碼，可以實現(xiàn)一個從左到右的漸變效果，顏色從#fc00ff到#00dbde，效果會不斷重復(fù)，持續(xù)四秒鐘。

通過改變代碼中的色值或者漸變方向，可以實現(xiàn)不同的漸變效果。CSS3漸變可以把兩種或多種顏色結(jié)合在一起，平滑地過渡，讓網(wǎng)頁更加豐富多彩。