CSS移動鼠標指針是一種非常常見的交互效果，可以通過偽元素:before和:after來實現(xiàn)。以下是實現(xiàn)的具體步驟：

/* 創(chuàng)建一個方框 */
.box{
width: 50px;
height: 50px;
background: #888;
position: relative;
}
/* 創(chuàng)建一個指針 */
.box:before{
content: "";
position: absolute;
top: -10px;
left: 25px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #888;
transform: rotate(45deg);
}
/* 移動指針 */
.box:hover:before{
top: 40px;
}

通過將box:before的top屬性從-10px改為40px來改變指針的位置，從而實現(xiàn)了CSS移動鼠標指針的效果。