CSS3漸變效果是前端開發中非常常見的一個特效，通過漸變實現頁面元素的過渡效果，達到美化頁面的效果。以下代碼演示了CSS3漸變的使用方法。

/* 線性漸變 */
.linear-gradient {
background: linear-gradient(to bottom, #5ab5ea, #df72b3);
}
/* 放射性漸變 */
.radial-gradient {
background: radial-gradient(circle, #fff, #5ab5ea);
}
/* 重復線性漸變 */
.repeating-linear-gradient {
background: repeating-linear-gradient(to right, #5ab5ea, #df72b3);
}
/* 漸變動畫 */
@keyframes gradient-animation {
0% {
background: #5ab5ea;
}
50% {
background: #df72b3;
}
100% {
background: #5ab5ea;
}
}
.gradient-animation {
animation: gradient-animation 3s ease-in-out infinite;
}

在上述代碼中，我們定義了四種不同的漸變方式：線性漸變、放射性漸變、重復線性漸變以及漸變動畫。其中，線性漸變定義了兩個不同的顏色，從上到下漸變；放射性漸變是以圓形為中心，顏色從內向外呈現漸變效果；重復線性漸變是指不斷重復的線性漸變；漸變動畫是線性漸變的一種變形，按照一定的時間間隔進行漸變。

除了以上的代碼演示之外，我們也可以通過CSS3的漸變工具來快速實現各種漸變效果。通過工具輸入顏色值和漸變角度即可生成相應的CSS3漸變代碼。