CSS中指針旋轉是一種常用的技術，它可以在界面上呈現出一種直觀的旋轉效果。實現指針旋轉的方法相對簡單，我們可以利用CSS3的transform旋轉屬性，通過一些簡單的代碼就能夠實現指針旋轉效果。

.pointer {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: black;
position: relative;
}
.before {
content: "";
width: 3px;
height: 45px;
background-color: white;
position: absolute;
top: 30px;
left: 49px;
transform-origin: center bottom;
transform: rotate(0deg);
transition: transform 0.5s ease;
}
.after {
content: "";
width: 3px;
height: 30px;
background-color: red;
position: absolute;
top: 33px;
left: 49px;
transform-origin: center bottom;
transform: rotate(0deg);
transition: transform 0.5s ease;
}
.pointer:hover .before {
transform: rotate(90deg);
}
.pointer:hover .after {
transform: rotate(-90deg);
}

以上代碼為一個簡單的指針旋轉樣式，我們可以通過改變其旋轉角度，來實現不同的效果。其中transform-origin屬性用來設置旋轉的中心，我們這里設為底部中心。

除此之外，我們還可以通過添加其他元素，比如文字、背景圖片等等，來實現更加豐富的效果。