CSS技術可以讓網頁呈現出各種不同的效果，其中一個有趣的效果是讓圖片隨著鼠標移動而動起來。這種效果也可以叫作圖片的跟隨鼠標效果。

要實現這個效果，我們需要使用CSS中的屬性：transform。（注：transform 是 CSS3新增的一個屬性，它用來對元素進行二維或三維的變形。）

img:hover{
transform: translateX(20px) translateY(-20px);
/*將圖片向右上方移動20像素*/
}

上述代碼意味著當用戶將鼠標懸停在圖片上時，圖片將沿著 X 和 Y 兩個坐標軸方向分別移動20個像素。如果將 translateX 和 translateY 的像素數值變成負值，則圖片會沿著相反的方向移動。

除了使用 translateX 和 translateY 之外，還可以使用rotate、scale和skew等屬性，來實現圖片跟隨鼠標的各種效果。例如，如果想要讓圖片轉動，可以使用下面的代碼：

img:hover{
transform: rotate(20deg);
/*將圖片向右旋轉20度*/
}

如此一來，當用戶將鼠標懸停在圖片上時，圖片將沿著順時針方向旋轉20度。

總之，在網頁設計中，使用CSS來實現圖片跟隨鼠標的效果，不僅可以增加網頁的趣味性，同時也可以提高用戶體驗。