CSS3的舞臺(tái)探照燈是一種非常炫酷的樣式效果，在網(wǎng)站設(shè)計(jì)中被廣泛運(yùn)用。它的實(shí)現(xiàn)方式相對(duì)簡(jiǎn)單，只需要用到幾行CSS代碼即可達(dá)到驚艷的效果。

首先，我們需要定義一個(gè)舞臺(tái)容器，并將背景顏色設(shè)置為黑色。然后，我們需要使用“::before”偽元素來(lái)創(chuàng)建探照燈的光圈，使用“::after”偽元素來(lái)創(chuàng)建光源。

.stage {
position: relative;
background-color: #000;
width: 100%;
height: 100%;
}
.stage::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
border-radius: 50%;
box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.2);
opacity: 0;
transition: all 0.3s ease-out;
}
.stage::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px #fff;
opacity: 0;
transition: all 0.3s ease-out;
}

在這些CSS代碼中，我們使用了“position”屬性來(lái)指定元素的定位方式。然后，我們使用“top”和“l(fā)eft”屬性來(lái)指定元素的位置，并使用“transform”屬性來(lái)使元素按照一定的比例進(jìn)行縮放。

此外，我們還使用了“border-radius”屬性來(lái)使元素的輪廓呈現(xiàn)圓形，使用“box-shadow”屬性來(lái)添加元素的投影效果，并使用“opacity”屬性來(lái)控制元素的透明度，實(shí)現(xiàn)淡入淡出的效果。

最后，我們只需要使用JavaScript代碼來(lái)控制“::before”和“::after”偽元素的透明度，就可以實(shí)現(xiàn)探照燈在鼠標(biāo)移動(dòng)時(shí)跟隨光源的效果了。