CSS星星閃爍背景

.star-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #0e0e2b;
}
.star {
position: absolute;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #fff;
animation: twinkling 1s infinite;
}
@keyframes twinkling {
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
.star1 {
top: 30%;
right: 25%;
}
.star2 {
top: 70%;
left: 20%;
}
.star3 {
top: 50%;
right: 10%;
}
.star4 {
top: 20%;
left: 15%;
}
.star5 {
top: 10%;
right: 5%;
}

這是一個使用CSS實現(xiàn)星星閃爍背景的示例。首先，需要創(chuàng)建一個div元素，作為星星背景的容器，并設(shè)置其寬度、高度、定位等樣式。然后，創(chuàng)建五個元素，作為星星，并設(shè)置其樣式。星星設(shè)置了寬度、高度和圓角，使其呈現(xiàn)為圓形；背景顏色設(shè)置為白色。接著，使用動畫效果讓星星閃爍，通過添加opacity屬性值的變化達到閃爍的效果。最后，設(shè)置每個星星的位置。

使用這段代碼可以將一顆顆閃爍的星星布滿背景，給網(wǎng)站增添不少活力。想要不同的效果可以更改顏色、星星數(shù)量和位置等屬性值。