CSS閃爍流光是一種常見的網頁效果，也是許多網站和應用程序中常用的視覺元素。這種效果可以通過CSS代碼和一些基本的HTML元素來創建。

/* CSS代碼 */
@keyframes blink {
50% {
opacity: 0;
}
}
.light {
display: inline-block;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #FFF;
animation: blink 1s infinite;
}
.flow {
display: inline-block;
height: 15px;
width: 30px;
background: linear-gradient(to right, #FFA07A, #FFA500, #FFC0CB);
animation: flow 1s infinite;
}
@keyframes flow {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}

上面的CSS代碼中，我們使用了兩個關鍵幀動畫：一個叫做blink，另一個叫做flow。這兩個動畫很容易理解，blink動畫使內容在50%的時間內變為透明，然后在剩下的時間里恢復到原來的不透明狀態。而flow動畫通過改變背景圖片的位置來創造流光效果。

在HTML代碼中，我們創建了兩個div元素，一個包含了燈光效果，另一個包含了流光效果。

最終的效果是一個閃爍著燈光和流動的流光的元素。