HTML 扇子效果是一種常用于網頁設計的特效，在創作網頁時經常會用到。這種效果可以讓用戶感到視覺上的刺激，從而增強網頁的吸引力。下面是一段 HTML 扇子效果代碼：

<div class="fan">
<div class="fan-blade"></div>
<div class="fan-blade"></div>
<div class="fan-blade"></div>
<div class="fan-blade"></div>
<div class="fan-blade"></div>
</div>

在這段代碼中，我們用到了 div 元素和 class 屬性。首先，我們創建了一個包含五個扇葉子元素的 div 元素，它的 class 屬性為“fan”。然后，我們創建了五個獨立的 div 元素，它們用來充當扇子的扇葉。這五個扇葉的 class 屬性均為“fan-blade”。這五個扇葉的位置和旋轉角度將由 CSS 控制。

接下來，我們需要使用 CSS 來定義這些元素的樣式。下面是一段 CSS 代碼示例：

.fan {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background: #ddd;
overflow: hidden;
}
.fan-blade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f00;
transform-origin: right center;
transform: rotate(0deg);
animation: spin 2s linear infinite;
}
.fan-blade:nth-of-type(1) {
transform: rotate(0deg);
}
.fan-blade:nth-of-type(2) {
transform: rotate(72deg);
}
.fan-blade:nth-of-type(3) {
transform: rotate(144deg);
}
.fan-blade:nth-of-type(4) {
transform: rotate(216deg);
}
.fan-blade:nth-of-type(5) {
transform: rotate(288deg);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

在這段 CSS 代碼中，我們對扇子元素進行了定位、大小、圓角、顏色等方面的設置。同時，我們使用了 transform 屬性對扇葉元素進行旋轉操作，并使用了 animation 屬性來控制旋轉的速度和循環次數。最后，我們使用了選擇器和 transform 屬性的 rotate() 函數來分別設置了五個扇葉的旋轉角度。

以上便是關于 HTML 扇子效果的相關代碼和技術說明。通過這個示例，我們可以很清晰地了解到如何使用 HTML 和 CSS 來創建精美的視覺效果。