CSS3 旗子角標(biāo)功能是指使用 CSS3 技術(shù)設(shè)置一個旗子形狀的角標(biāo)，廣泛應(yīng)用于網(wǎng)站的 UI 界面設(shè)計(jì)中。它能夠美化界面同時顯示一些重要信息，達(dá)到提升用戶體驗(yàn)的效果。

下面是一段使用 CSS3 實(shí)現(xiàn)的旗子角標(biāo)代碼樣例：

.flag-badge {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
border: 2px solid #333;
text-align: center;
line-height: 100px;
font-size: 24px;
font-weight: bold;
}
.flag-badge:before {
content: '';
position: absolute;
top: -15px;
left: -15px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-right: 25px solid #333;
transform: rotate(45deg);
}

代碼中，通過設(shè)置 flag-badge 類的樣式，實(shí)現(xiàn)一個矩形的角標(biāo)樣式。然后，利用 :before 偽元素的形式，利用 CSS3 的 transform 屬性，將其旋轉(zhuǎn) 45 度，形成旗子角標(biāo)的形狀。同時，設(shè)置了邊框樣式、背景色等信息，實(shí)現(xiàn)了角標(biāo)的美化效果。

總體來說，CSS3 旗子角標(biāo)功能為 UI 界面的設(shè)計(jì)提供了多樣化、靈活性等多方面方便。開發(fā)者可以根據(jù)實(shí)際需求靈活運(yùn)用，豐富并提升網(wǎng)站的用戶體驗(yàn)效果。