CSS3燈光動畫是CSS3的一種新特性，可以通過CSS3來實現燈光效果的動畫。燈光動畫可以使網站變得更加生動，吸引人們的注意力，提高網站的用戶體驗度。

要實現CSS3燈光動畫，需要使用到CSS3的box-shadow屬性，通過box-shadow屬性可以改變一個元素的陰影樣式，從而實現燈光效果。

.light {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #fff;
position: relative;
box-shadow: 0 0 20px rgba(255,255,255,0.5),
0 0 40px rgba(255,255,255,0.5),
0 0 60px rgba(255,255,255,0.5),
0 0 80px rgba(255,255,255,0.5);
animation: glow 2s ease-in-out infinite;
}
@keyframes glow {
0% {
box-shadow: 0 0 20px rgba(255,255,255,0.5),
0 0 40px rgba(255,255,255,0.5),
0 0 60px rgba(255,255,255,0.5),
0 0 80px rgba(255,255,255,0.5);
}
50% {
box-shadow: 0 0 20px rgba(255,255,255,0.9),
0 0 40px rgba(255,255,255,0.9),
0 0 60px rgba(255,255,255,0.9),
0 0 80px rgba(255,255,255,0.9);
}
100% {
box-shadow: 0 0 20px rgba(255,255,255,0.5),
0 0 40px rgba(255,255,255,0.5),
0 0 60px rgba(255,255,255,0.5),
0 0 80px rgba(255,255,255,0.5);
}
}

上面的代碼實現了一個簡單的燈光動畫效果，通過box-shadow屬性來實現燈光效果，并通過animation屬性來實現動畫，使用@keyframes來定義燈光動畫的關鍵幀。

可以看到，在50%的時候，box-shadow的值發生了變化，通過改變box-shadow的值，可以實現不同的燈光效果。燈光動畫還可以結合其他的CSS3特性和JS實現更加復雜的動畫效果。