CSS旋轉三角是前端開發中常用的元素，可以用于制作菜單的下拉箭頭、指示標志等等。通過CSS的transform屬性，我們可以輕松地對元素進行旋轉，來實現三角形的效果。下面我們來看一下代碼：

.triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000;
transform: rotate(45deg);
}

上述代碼中，通過設置元素的寬高為0，創建了一個大小為0的三角形。接著，我們使用border屬性，只繪制了三角形的底邊，同時設置左右兩側為透明，實現了三角形的形狀。最后，使用transform屬性，把三角形旋轉了45度，使其成為斜向的形狀。

同時，我們也可以通過修改border的粗細和顏色，來實現不同樣式的三角形。例如下面的代碼可以創建一個紅色底部尖向左的三角形：

.triangle {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #f00;
transform: rotate(-90deg);
}

通過以上代碼，我們可以很方便地實現多種樣式的CSS旋轉三角，為頁面添加一些動態和視覺效果。希望對你有所幫助。