CSS3畫布繪制漸變是一種常見的網頁設計技巧，它可以讓網頁元素的顏色過渡平滑，使得網頁設計更加美觀。本文將介紹如何使用CSS3畫布繪制漸變。

首先，我們需要在HTML中創建一個畫布元素，如下所示：

<canvas id="myCanvas" width="200" height="200"></canvas>

接下來，我們可以使用CSS3的漸變函數來制定畫布的漸變樣式，如下所示：

#myCanvas {
background: linear-gradient(to bottom, #00FFFF 0%, #FF00FF 100%);
}

代碼中，“#myCanvas”為畫布的CSS選擇器，“linear-gradient”為CSS3漸變函數，“to bottom”表示漸變方向從上至下，“#00FFFF 0%”表示起始顏色為青色（Hex值為#00FFFF），“#FF00FF 100%”表示終止顏色為品紅色（Hex值為#FF00FF）。

除了線性漸變外，CSS3還支持徑向漸變，可以通過以下代碼實現：

#myCanvas {
background: radial-gradient(circle at center, #00FFFF 0%, #FF00FF 100%);
}

代碼中，“circle at center”表示漸變從畫布中心開始，“#00FFFF 0%”表示起始顏色為青色，“#FF00FF 100%”表示終止顏色為品紅色。

通過以上代碼，我們可以輕松實現CSS3畫布繪制漸變效果，在網頁設計中發揮更多的想象力。