在網頁設計中，讓網頁變得生動有趣是非常重要的一件事情，其中添加漸變動畫效果也是一個非常好的選擇。在 CSS 中，可以通過以下的方式來添加漸變動畫效果：

.myDiv {
background: linear-gradient(to right, #FFB88C, #DE6262);
background-size: 200% 100%;
animation: gradient-bg 2s ease-in-out infinite;
}
@keyframes gradient-bg {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

從上面的代碼中可以看出，先在 CSS 中設置了背景漸變，然后使用關鍵幀動畫來實現漸變背景動畫效果。其中，background-size 設置了背景的尺寸，animation 設置了動畫的名稱和時間周期，keyframes 中通過百分比設置了背景圖片的位置，從而實現了漸變背景的效果。

除了上面的漸變背景動畫效果，CSS 中還有很多其它的動畫效果，比如旋轉、縮放、延遲等等。通過組合各種動畫效果，能夠實現更加豐富多彩的網頁設計效果。