CSS星空粒子效果是一種可以在網頁中創建星空效果的CSS技術，通過使用CSS屬性和動畫特效，可以制作出美麗絢爛的星空畫面。

/*星空粒子代碼*/
.starrysky{
width:100%;
height:100%;
background-color:#000;
position:fixed;
top:0;
left:0;
z-index:-1;
}
.starrysky .starry{
width:5px;
height:5px;
background-color:#fff;
border-radius:50%;
position:absolute;
}
/*動畫時間調整*/
.starrysky .star1{
animation:animstar 7s infinite;
top:10%;
left:40%;
}
.starrysky .star2{
animation:animstar 4s infinite;
top:15%;
left:90%;
}
.starrysky .star3{
animation:animstar 6s infinite;
top:30%;
left:70%;
}
.starrysky .star4{
animation:animstar 8s infinite;
top:50%;
left:25%;
}
.starrysky .star5{
animation:animstar 10s infinite;
top:70%;
left:80%;
}
/*動畫特效*/
@keyframes animstar{
0%{
opacity:1;
transform:translateY(0);
}
100%{
opacity:0;
transform:translateY(400px);
}
}

代碼中定義了一個名為.starrysky的類，作為星空背景的容器，利用position:fixed;和z-index:-1;屬性使其覆蓋在整個頁面的底部。.starry類是星星的樣式，通過background-color: #fff;和border-radius:50%;屬性渲染出白色的圓形粒子。

每一個星星都通過相應的類名.stary1~.stary5，設置不同的位置和動畫時間，背景中就可以出現多個星星，整個頁面就變成了一個宏偉的星空。

CSS星空粒子效果不僅可以用于網頁的背景，還可以用于各種特殊場合的設計中，比如電商網站的特效廣告等等，也可以用于網站導航欄等部分設計。