CSS3技術提供了許多實用的動態效果，其中之一是鼠標滑過圖片旋轉的效果。這種效果能夠增加網頁的交互體驗，吸引用戶的注意。

首先，我們需要設置圖片的位置和大小，使用下面的代碼：

.img-wrap{
position:relative;
width:200px;
height:200px;
}
.img-wrap img{
position:absolute;
width:100%;
height:100%;
}

然后，我們通過CSS3的transform屬性來實現鼠標滑過圖片旋轉的效果，使用下面的代碼：

.img-wrap img:hover{
transform:rotate(360deg);
-webkit-transform:rotate(360deg); /* Safari和Chrome瀏覽器 */
-moz-transform:rotate(360deg); /* Firefox瀏覽器 */
-ms-transform:rotate(360deg); /* IE瀏覽器 */
-o-transform:rotate(360deg); /* Opera瀏覽器 */
transition:transform 1s; /* 過渡效果 */
}

這里的transform屬性會讓圖片旋轉360度，-webkit-transform、-moz-transform、-ms-transform和-o-transform是為了兼容不同的瀏覽器。transition屬性表示在1秒的時間內完成過渡效果。

最后，我們在HTML中使用下面的代碼來呈現效果：

通過以上的CSS代碼，鼠標滑過圖片時，圖片會以360度的角度進行旋轉，增加了網頁的動態效果。希望這篇文章能夠為大家提供幫助。