CSS3 旗子角標功能是指使用 CSS3 技術設置一個旗子形狀的角標，廣泛應用于網站的 UI 界面設計中。它能夠美化界面同時顯示一些重要信息，達到提升用戶體驗的效果。

下面是一段使用 CSS3 實現的旗子角標代碼樣例：

.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);
}

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

總體來說，CSS3 旗子角標功能為 UI 界面的設計提供了多樣化、靈活性等多方面方便。開發者可以根據實際需求靈活運用，豐富并提升網站的用戶體驗效果。