CSS扇子效果是一種常見的網頁設計特效，它可以讓網頁看起來更加炫酷和美觀。使用CSS扇子效果可以讓網頁呈現出一種類似扇子展開的效果，非常有趣。

.fan {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 100px 100px 100px;
border-color: transparent transparent #007bff transparent;
transform-origin: center bottom;
animation: fan 2s ease-in-out forwards;
}
@keyframes fan {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(90deg);
}
}

以上是一個常見的CSS扇子效果的代碼實現。在這段代碼中，我們使用了一個名為“fan”的類來添加扇子效果。這個類包含了一些屬性，如寬度、高度、邊框樣式、邊框寬度和邊框顏色等。其中，邊框顏色采用的是深藍色，可以根據需要修改。

我們還使用了CSS3中的動畫屬性來實現扇子展開效果。通過設置動畫的起始時刻和結束時刻，我們可以控制扇子展開的速度和方向。在這個例子中，我們使用了2秒的時長和“ease-in-out”的動畫函數來實現扇子的平滑展開。

最后，請注意，我們還使用了“transform-origin”屬性來指定旋轉的中心點。在這個例子中，我們將中心點設置為底部中心，這樣可以保證扇子展開時看起來更加自然。