CSS放射線動畫效果是一種獨特而又醒目的動畫效果。通過使用CSS實現這種效果，您可以使您的網站更加生動、吸引人，從而增加網站的可視化效果。

CSS放射線動畫的實現原理是在網頁中設置一個位置為“fixed”的元素，并在它的背景中添加linear-gradient屬性，使其增加漸變效果，然后在元素中添加偽元素:before和:after，并對他們進行相關CSS屬性的設置。

.fangxian{
width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1;
background: linear-gradient(0deg, #fff, #fff 70%, #0e5acd 100%);
}
.fangxian:before, .fangxian:after{
content:""; position:absolute;
width: 10px; height: 10px; border-radius: 50%;
opacity: 0.3; background-color:#0e5acd;
}
.fangxian:before{
left: 25%; top: 10%; animation: b1 2s infinite linear;
}
.fangxian:after{
right: 25%; bottom: 10%; animation: b2 2.5s infinite linear;
}
@keyframes b1 {
0%{left: 25%; top:10%; opacity: 0.3;}
25%{left: 55%; top:25%; opacity: 0.3;}
50%{left: 85%; top:40%; opacity: 0;}
75%{left: 55%; top:55%; opacity: 0; }
100%{left: 25%; top:70%; opacity: 0.3;}
}
@keyframes b2 {
0%{right: 25%; bottom:10%; opacity: 0.3;}
25%{right: 55%; bottom:25%; opacity: 0.3;}
50%{right: 85%; bottom:40%; opacity: 0;}
75%{right: 55%; bottom:55%; opacity: 0; }
100%{right: 25%; bottom:70%; opacity: 0.3;}
}

上述代碼中，.fangxian是主類，通過設置固定的寬度和高度，以及背景色為漸變色，實現放射線效果。同時設置偽元素:before和:after，通過CSS的屬性設置，實現原點顏色、初始位置、動畫效果等相關設置。

如此一來，您的網站上就實現了美妙的CSS放射線動畫效果，讓您的網站更加與眾不同，吸引人的目光。