在CSS3中，我們可以使用漸變效果來美化我們的網頁，為我們的設計添加更多的魅力。本文分享如何使用CSS3畫漸變半圓。

/*首先我們先添加一個div*/
/*下面是相關的CSS3代碼*/
.gradient-circle {
	/*這個背景可以自己設置其他顏色*/
	background: #FF6600; 
	width: 200px;
	height: 100px;
	border-radius: 50% 50% 0 0; /*將底部左右兩個角設置為圓角*/
	background: linear-gradient(0deg, #FF6600 50%, transparent 50%), /*設置漸變顏色*/
linear-gradient(-90deg, #FF6600 50%, transparent 50%); 
	/*注意漸變顏色方向的設置，否則會導致漸變效果出錯*/
}
/*注：代碼中的 #FF6600 為示例顏色可以根據自己的需求進行更改*/

    通過以上代碼，我們可以實現一個簡單的漸變半圓，而且在不同的瀏覽器中也能夠呈現出良好的效果。希望這篇文章能對大家有所幫助。