CSS3是現代網頁開發中不可或缺的技術，它為網站添加了更多的設計和樣式元素。其中，半圓遮罩是一個很有用的技巧，為網站的設計增加了不少亮點。

半圓遮罩可以通過border-radius、overflow和transform屬性來實現。首先，我們需要將一個 div 元素的 border-radius 設置為 50% 實現一個圓形遮罩。然后，我們將 overflow 屬性設置為 hidden，這將隱藏 div 元素內部超出邊框的部分。接下來，我們使用 transform 屬性來旋轉這個 div 元素的一半，實現半圓遮罩效果。

.half-circle {
width: 100px;
height: 50px;
background-color: #3498db;
border-radius: 50% 50% 0 0;
overflow: hidden;
transform: rotate(-90deg);
}

以上代碼可以創建一個寬度為 100 像素、高度為 50 像素的半圓形遮罩，背景顏色為 #3498db。

半圓遮罩可以用來設計網站的很多部分，例如頭部菜單、導航欄等。我們可以將它與其他 CSS3 屬性一起使用，例如陰影、漸變等，創造出更加絢麗多彩的效果。

總之，CSS3 半圓遮罩是一個很有用的技術，對于網頁的設計和美化都有很好的輔助作用，希望本文可以給大家帶來一些幫助。