CSS探照燈旋轉動畫是一種非常流行的Web動畫效果，它可以讓網站元素以類似探照燈掃描視覺效果的方式顯示出來。這個動畫效果既簡單又醒目，可以讓用戶快速地找到想要的信息。

<div class="container">
<div class="lamp"></div>
</div>
<style>
.container {
width: 200px;
height: 200px;
position: relative;
overflow: hidden;
border-radius: 50%;
}
.lamp {
width: 400px;
height: 400px;
position: absolute;
top: -180px;
left: -180px;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
opacity: 0;
animation: scan 6s linear infinite;
}
@keyframes scan {
0% {
transform: rotate(0deg);
opacity: 0;
}
10% {
opacity: 1;
}
50% {
transform: rotate(180deg);
opacity: 1;
}
90% {
opacity: 0;
}
100% {
transform: rotate(360deg);
opacity: 0;
}
}
</style>

上面的代碼就是實現這個動畫效果的關鍵了，其中主要的CSS樣式設置包括兩個部分：探照燈以及容器。具體實現方法是在容器內添加一個不透明度為0的圓形探照燈，通過CSS的動畫設置使其旋轉，通過容器設置使探照燈內部不可見以實現視覺效果。

總之，通過掌握這個動畫效果的實現方法，我們可以為網站增加更多的個性化魅力，提高用戶體驗，讓更多的人愿意使用我們的網站。