CSS閃光動畫是一種非常流行的前端動畫效果，它可以為您的網站增加一些眼球吸引力。下面是一些關于CSS閃光動畫的示例和說明。

/* CSS樣式 */
@keyframes glitter{
0%,100%{transform:rotate(0);}
25%{transform:rotate(90deg);}
50%{transform:rotate(180deg);}
75%{transform:rotate(270deg);}
}
.glitter{
width: 100px;
height: 100px;
background: #FFFFFF;
position: relative;
}
.glitter:before {
content: "";
position: absolute;
width: 25px;
height: 25px;
top: 25%;
left: 25%;
background: #FFFFFF;
animation: glitter 2s infinite ease-in-out;
border-radius: 50%;
}

代碼中的keyframes視為動畫的重點，它決定了您希望動畫如何運動。在此示例中，我們設置glitter動畫進行旋轉。我們可以通過增加或改變動畫中的關鍵幀（25％，50％等）來改變動畫的樣式。

接下來，在CSS類.glitter令元素的大小、背景顏色和相對位置的位置。我們還必須在元素的:before偽元素中設置我們的閃光動畫。在這里，我們設置25x25px的圓形元素，開始時在元素的左上角。然后，我們使用動畫關鍵幀名稱（glitter）指定動畫的樣式和持續時間（2秒）。最后，我們為圓形元素設置了一個較大的邊界半徑，以使其看起來像閃光。

這只是一個簡單的樣例，您可以使用不同的關鍵幀、不同的偽元素以及其他的樣式來創建您自己的閃光動畫。讓我們開始編碼并讓您的網站變得更加驚人吧。