CSS雷達向外擴張發光是一種非常炫酷的效果，可以為網站增添很多的吸引力。該效果可以通過CSS3的transform和box-shadow屬性來實現。

.radar {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
background-color: #333;
padding: 10px;
border-radius: 50%;
}
.radar .circle {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 10px #fff;
transform: scale(0);
animation: pulse 2s infinite;
}
@keyframes pulse {
to {
transform: scale(10);
opacity: 0;
}
}

首先創建一個容器，設置其為相對定位，寬高都為200px，并設置border-radius為50%以使其變成一個圓形。設置overflow為hidden是為了使得超出容器的內容被隱藏。然后在容器中放置一個小圓點，寬高為20px，并將其設置為絕對定位。然后為這個小圓點設置動畫。

在動畫中，我們對圓點進行縮放，并將不透明度設置為0。這樣當動畫執行完成后，圓點會變得非常大，并且逐漸消失。因此我們可以制造出雷達擴展的效果。通過調整調整動畫的時間和圓點的數量和大小來獲得不同的效果。

最后，我們得到了一個非常炫酷的效果，可以為網站增添很多的吸引力。當鼠標移動到圓點上時，會更加美觀。希望這篇文章對你有所幫助！