CSS旋轉(zhuǎn)閃光是一種很酷的效果，可以為網(wǎng)站增添一份時尚感和動感。該效果是通過CSS3的transform屬性和animation屬性實現(xiàn)的。

.rotate {
width: 100px;
height: 100px;
background-color: #ffab40;
border-radius: 50%;
position: relative;
animation: rotate 3s linear infinite;
}
.rotate::before {
content: "";
border: 1px solid #ffab40;
position: absolute;
top: 15px;
left: 15px;
width: 70px;
height: 70px;
border-radius: 50%;
animation: light 3s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes light {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}

上面的代碼中，我們先定義一個rotate類，里面定義了一個圓形的div，以及一個偽元素before，用于實現(xiàn)閃光效果。rotate類的animation屬性指定了它要進行的動畫，即rotate函數(shù)，時間為3秒，循環(huán)次數(shù)為無限。

接下來，我們定義了一個before偽元素，它是一個相對于rotate類進行定位的圓形div，通過設(shè)置border屬性為1px實現(xiàn)了它輪廓的效果。我們又給before類設(shè)置了一個animation屬性，用于實現(xiàn)閃光效果。具體來說，light函數(shù)將before元素的opacity屬性設(shè)置為1到0再到1，達到了閃爍的效果。

最后，我們分別為rotate類和before類定義了動畫函數(shù)。其中，rotate函數(shù)實現(xiàn)了整個元素的旋轉(zhuǎn)效果，light函數(shù)實現(xiàn)了閃光效果。兩者結(jié)合，實現(xiàn)了旋轉(zhuǎn)閃光效果的完美呈現(xiàn)。