扇形擴散效果是CSS3中的一種特效，可以給網頁增加視覺上的動態效果，讓頁面更加生動有趣。使用CSS3實現扇形擴散效果非常簡單，只需按照以下步驟即可。

/*定義扇形擴散元素樣式*/
.fan{
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
}
/*定義擴散動畫*/
@keyframes fan{
0%{ transform: scale(0); opacity: 0;}
100%{ transform: scale(1); opacity: 1;}
}
/*定義扇形擴散背景*/
.fan::before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
background: rgba(255,255,255,0.5);
transform-origin: center bottom;
}
/*定義扇形擴散動畫*/
.fan:hover::before{
animation: fan 1s ease-out;
}

以上就是實現扇形擴散效果的CSS代碼，通過給扇形擴散元素添加before偽元素，并定義動畫效果，當鼠標懸停在元素上時觸發動畫，就可以實現扇形擴散效果。