圖像漸變是一種常用的CSS效果，它可以讓元素背景色逐漸變化，常用于網頁設計中。在CSS3中，我們可以利用linear-gradient和radial-gradient來實現圖像漸變效果。

/* 線性漸變 */
background: linear-gradient(方向, 起始顏色, 結束顏色);
/* 放射漸變 */
background: radial-gradient(形狀 起始位置, 圓心位置, 顏色, 顏色);
/* 示例代碼 */
.gradient-box {
width: 100px;
height: 100px;
background: linear-gradient(to right, #FF6347, #40E0D0);
}
.gradient-circle {
width: 100px;
height: 100px;
background: radial-gradient(circle, #FF6347, #40E0D0);
}

如上述代碼所示，我們首先定義了一個.gradient-box元素和一個.gradient-circle元素，并分別利用linear-gradient和radial-gradient實現了圖像漸變效果。其中，linear-gradient指定了方向為向右，起始顏色為#FF6347（紅色），結束顏色為#40E0D0（藍色）。而radial-gradient指定了形狀為圓形，起始位置為圓心，顏色分別為#FF6347和#40E0D0。

除此之外，我們還可以通過設置漸變點來調整漸變效果，并且在一個元素中同時使用多個漸變效果。

/* 設置漸變點 */
background: linear-gradient(to right, #FF6347 0%, #40E0D0 100%);
/* 多重漸變 */
background: linear-gradient(to right, #FF6347 0%, #40E0D0 50%, #EE82EE 100%);
/* 示例代碼 */
.gradient-multiple {
width: 100px;
height: 100px;
background: linear-gradient(to right, #FF6347 0%, #40E0D0 50%, #EE82EE 100%);
}

以上代碼中，我們在.linear-gradient元素中同時使用了三個顏色，分別在0%、50%和100%位置上進行漸變。通過這種方法，我們可以實現更加多樣化和自由的圖像漸變效果。