CSS圓外發(fā)光效果是一種常見(jiàn)的WEB頁(yè)面設(shè)計(jì)技術(shù)，可以讓圓形元素在頁(yè)面中更加突出。下面介紹一種實(shí)現(xiàn)該效果的方法。

.circle {
width: 100px; // 圓形元素的寬度
height: 100px; // 圓形元素的高度，保持與寬度相同，使得元素呈圓形
background-color: #fff; // 圓形元素的背景顏色，自定義
border-radius: 50%; // 設(shè)置元素為圓形
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0739ff; // 為元素添加4層陰影，實(shí)現(xiàn)圓外發(fā)光效果
}

上述代碼中，box-shadow屬性是關(guān)鍵。其中，每一層陰影的前兩個(gè)參數(shù)x軸和y軸的偏移量都為0，即表示陰影在元素本身的位置上。后兩個(gè)參數(shù)分別控制陰影的大小和顏色。通過(guò)對(duì)陰影的疊加和調(diào)整，實(shí)現(xiàn)了圓形元素的圓外發(fā)光效果。