CSS雷達(dá)波向外散，是一種讓網(wǎng)頁元素具有動(dòng)態(tài)效果的技術(shù)。

為了實(shí)現(xiàn)這種效果，我們需要使用CSS3中的animation和transform屬性。

/* 創(chuàng)建一個(gè)圓形元素 */
.radar {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f00;
position: relative;
}
/* 創(chuàng)建一個(gè)擴(kuò)散的效果 */
.radar::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.9);
animation: pulse 1s ease-out infinite;
}
/* 定義動(dòng)畫 */
@keyframes pulse {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}

以上代碼中，我們通過創(chuàng)建一個(gè)圓形元素，并在其后面添加一個(gè)偽元素來實(shí)現(xiàn)達(dá)到擴(kuò)散的效果。

在偽元素中，我們定義了一個(gè)box-shadow屬性，用來顯示元素的陰影效果。并通過animation屬性來定義動(dòng)畫效果。

最后，通過設(shè)置@keyframes關(guān)鍵幀動(dòng)畫，讓元素從0%到100%時(shí)逐漸擴(kuò)大，并且越來越透明，直到消失。

這種效果可以用于網(wǎng)頁設(shè)計(jì)中的按鈕、用戶頭像等元素，讓網(wǎng)頁更加有趣、生動(dòng)。