CSS3透明三角形可以用來給網頁增添一些時尚感和立體感，效果非常漂亮。下面是使用CSS3的透明三角形代碼：

.triangle {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 30px solid rgba(0, 0, 0, 0.5);
opacity: 0.8;
}

以上代碼可以用來創建一個帶透明效果的三角形，其中rgba(0, 0, 0, 0.5)是指的顏色，其中前三個值代表RGB顏色，最后的0.5代表的是透明度，可以自行設置。

此代碼中，通過設置邊框的大小和顏色實現三角形的繪制，然后通過opacity屬性來為三角形添加透明度效果。 如果要調整三角形的大小和形狀，只需要調整border-left、border-right和border-bottom的值即可。

總的來說，CSS3透明三角形為網頁設計增添了不少美感，可以用來點綴頁面或者做為裝飾元素使用，效果非常優美。