CSS旋轉(zhuǎn)三角是前端開發(fā)中常用的元素，可以用于制作菜單的下拉箭頭、指示標(biāo)志等等。通過CSS的transform屬性，我們可以輕松地對(duì)元素進(jìn)行旋轉(zhuǎn)，來(lái)實(shí)現(xiàn)三角形的效果。下面我們來(lái)看一下代碼：

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

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

同時(shí)，我們也可以通過修改border的粗細(xì)和顏色，來(lái)實(shí)現(xiàn)不同樣式的三角形。例如下面的代碼可以創(chuàng)建一個(gè)紅色底部尖向左的三角形：

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

通過以上代碼，我們可以很方便地實(shí)現(xiàn)多種樣式的CSS旋轉(zhuǎn)三角，為頁(yè)面添加一些動(dòng)態(tài)和視覺效果。希望對(duì)你有所幫助。