CSS3星星閃爍效果是一個非常炫酷的特效，可以讓網頁更加生動有趣。下面我們就來看一下如何使用CSS3實現這個效果。

.star {
width: 200px;
height: 200px;
background-color: #000;
position: relative;
overflow: hidden;
}
.star:before {
content: "";
width: 0;
height: 0;
border-right: 100px solid transparent;
border-bottom: 70px solid #fff;
border-left: 100px solid transparent;
position: absolute;
top: -50px;
left: 50px;
transform: rotate(35deg)
}
.star:after {
content: "";
width: 0;
height: 0;
border-right: 100px solid transparent;
border-top: 70px solid #fff;
border-left: 100px solid transparent;
position: absolute;
top: -18px;
left: 50px;
transform: rotate(-35deg)
}
.star i {
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
opacity: 0.5;
-webkit-animation: star 1.5s infinite;
animation: star 1.5s infinite;
}
@-webkit-keyframes star{
0%{opacity: 1;}
50%{opacity: 0.5;}
100%{opacity: 1;}
}
@keyframes star{
0%{opacity: 1;}
50%{opacity: 0.5;}
100%{opacity: 1;}
}

首先，我們要創建一個容器，用來顯示星星。然后，我們使用:before和:after偽元素來創建星星的形狀。這里使用的是CSS的border屬性來實現。接著，在容器中放置一個i元素，用來生成閃爍的星星。在i元素上使用CSS3的動畫屬性實現星星的閃爍效果。