CSS可以很容易地讓一張圖片實現漸變效果。

首先，我們需要準備一張需要進行漸變的圖片：

<img src="example.jpg" alt="example">

接下來，我們在CSS中定義這張圖片的背景屬性，并添加CSS漸變屬性：

<style>
img {
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)), url(example.jpg);
background-size: contain;
background-repeat: no-repeat;
}
</style>

代碼解釋：

• background-image 屬性定義了背景圖像和漸變的路徑。
• linear-gradient 屬性創建了一個漸變背景，我們使用to bottom方向定義了從頂部到底部的漸變色。
• rgba()函數定義了兩種顏色，前一個顏色是透明度為0的黑色，后一個顏色是透明度為1的黑色。
• url()函數定義了圖片路徑。
• background-size 屬性會調整背景圖像的大小以適應容器。
• background-repeat 屬性告訴瀏覽器不要重復使用背景圖像。

這樣，我們就成功地讓這張圖片實現了漸變效果。