CSS3是HTML/CSS技術的最新版本，提供更多的樣式選項，讓我們的網頁設計更加多彩。本文介紹一種使用CSS3實現圖片漸變動畫的方法。

.gradient-image{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url('img.jpg') no-repeat center center;
background-size: cover;
-webkit-animation: gradient-color 5s ease-in-out infinite alternate;
animation: gradient-color 5s ease-in-out infinite alternate;
}
@keyframes gradient-color {
from {
background-position: 0 0;
}
to {
background-position: 0 100%;
}
}
@-webkit-keyframes gradient-color {
from {
background-position: 0 0;
}
to {
background-position: 0 100%;
}
}

上述代碼中，我們使用了background屬性來指定漸變和圖片。通過線性漸變的方式，實現了圖片的淡入淡出效果。同時，我們使用了animation屬性來讓背景動起來。

通過上述代碼，我們可以看出，CSS3可以讓網頁設計更加多彩，同時提供更多的交互效果，讓我們的網頁更加生動活潑。