CSS舞臺燈光效果圖是一種讓網頁看起來更加動態、生動的技術。通過巧妙地運用CSS樣式，可以讓網頁變得更加美觀、有趣。

下面是一段代碼，可以實現一個基礎的舞臺燈光效果：

body {
background-color: black;
overflow: hidden;
}
.light {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 5px white,
0px 0px 10px white,
0px 0px 15px white,
0px 0px 30px white;
animation: light 2s ease-in-out infinite;
}
@keyframes light {
0% {opacity: 1;}
50% {opacity: 0.5;}
100% {opacity: 1;}
}

這段代碼將一個圓形的元素設為舞臺燈光，在黑色的背景下，它會發出明亮的白光。通過動畫效果，讓它在逐漸變暗后再次變亮，模擬舞臺燈光閃爍的效果。

有了這個基礎，我們可以對舞臺燈光進一步進行定制。例如，通過更改box-shadow樣式中的顏色和大小，可以讓燈光更加豐富多彩。通過改變動畫的timing-function，可以讓舞臺燈光動畫效果更具有不同的變化。

通過靈活運用CSS技術，舞臺燈光效果圖為網頁增添了更多的生氣和活力，為用戶帶來更加愉悅的訪問體驗。