CSS三角形折疊是指使用CSS制作出類似于折疊紙一樣的三角形效果。這種效果可以用于設(shè)計(jì)箭頭、選項(xiàng)卡、下拉菜單等場(chǎng)景中。下面是一個(gè)簡(jiǎn)單的CSS三角形折疊的代碼片段：

.arrow {
width: 0;
height: 0;
border-top: 10px solid #000;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}

上面的代碼將會(huì)創(chuàng)建一個(gè)向上的三角形。其中，我們使用border屬性來(lái)控制三角形的大小和顏色。通過(guò)border-top的值來(lái)控制三角形的高度，而border-right和border-left則用來(lái)控制三角形底部的左右兩個(gè)角的長(zhǎng)度。

如果我們想要?jiǎng)?chuàng)建一個(gè)指向左邊的三角形，只需要稍微改動(dòng)一下代碼：

.arrow {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #000;
border-bottom: 10px solid transparent;
}

這里我們將border-top和border-bottom設(shè)為透明，只讓border-right顯示。這樣就能夠創(chuàng)建一個(gè)向左的三角形了。如果需要?jiǎng)?chuàng)建指向右邊和下方的三角形，也可以通過(guò)改變不同的border屬性來(lái)實(shí)現(xiàn)。

以上是CSS三角形折疊的基本實(shí)現(xiàn)方法。我們可以通過(guò)添加一些CSS變換屬性，使得三角形實(shí)現(xiàn)更加酷炫的效果。例如，可以使用rotate屬性來(lái)旋轉(zhuǎn)三角形，使用translate屬性來(lái)移動(dòng)三角形，等等。