HTML和CSS可以讓我們創造出非常炫酷的效果。今天，我們要介紹的就是星空特效。

/*創建一個黑色的背景*/
body{
background: #000000;
}
/*創建星星*/
.star{
width: 2px;
height: 2px;
background: #FFFFFF;
position: absolute;
}
/*讓星星閃閃發光*/
@keyframes twinkle{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
/*給星星添加閃爍動畫*/
.star:nth-child(1){
top: 300px;
left: 25%;
animation: twinkle 5s ease-in-out infinite;
}
.star:nth-child(2){
top: 95px;
left: 85%;
animation: twinkle 3s ease-in-out infinite;
}
.star:nth-child(3){
top: 19%;
left: 30%;
animation: twinkle 4s ease-in-out infinite;
}
.star:nth-child(4){
top: 40%;
left: 60%;
animation: twinkle 2s ease-in-out infinite;
}
.star:nth-child(5){
top: 65%;
left: 75%;
animation: twinkle 6s ease-in-out infinite;
}

通過創建星星元素，并且給它們增加閃爍動畫，我們就可以在黑色背景上制造出星空的視覺效果。

嘗試在你的網頁中加入這一特效，讓你的頁面更加生動有趣！