CSS時鐘旋轉是一種通過CSS3的Transform屬性實現的動畫效果，可以使時鐘指針沿著圓周運動。

.clock {
position: relative;
width: 200px;
height: 200px;
border-radius: 50%;
border: 10px solid #000;
background-color: #fff;
}
.hour, .minute, .second {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 0;
border-color: #000 transparent transparent;
transform-origin: center bottom;
}
.hour {
height: 40px;
border-width: 10px 0 0;
}

其中，.clock是時鐘的容器，.hour、.minute和.second分別代表小時、分鐘和秒針。通過給這些元素設置定位、尺寸和邊框樣式來實現指針的基本樣式。而通過設置Transform-origin屬性，可以定義指針的旋轉點，使其圍繞中心點旋轉。

function tick() {
const now = new Date();
const hours = now.getHours() % 12;
const minutes = now.getMinutes();
const seconds = now.getSeconds();
const hourAngle = (hours * 30) + (minutes * 0.5);
const minuteAngle = minutes * 6;
const secondAngle = seconds * 6;
const hourHand = document.querySelector('.hour');
const minuteHand = document.querySelector('.minute');
const secondHand = document.querySelector('.second');
hourHand.style.transform = `rotate(${hourAngle}deg)`;
minuteHand.style.transform = `rotate(${minuteAngle}deg)`;
secondHand.style.transform = `rotate(${secondAngle}deg)`;
}
setInterval(tick, 1000);

通過JavaScript獲取當前時間和計算指針的旋轉角度，并通過Transform屬性實現指針的旋轉。

使用CSS時鐘旋轉，可以為網站增添生動、有趣的效果，同時也可以提高用戶體驗。