懸浮圖片效果是網站設計中常用的一種特效，可以吸引用戶的注意力，增強網站的交互性和美觀性。而CSS技術可以輕松實現這種效果。

首先，我們需要準備一張圖片。在CSS中，我們可以使用background-image屬性來設置背景圖像。例如：

.my-image {
background-image: url("my-image.jpg");
width: 300px;
height: 200px;
}

接下來，我們需要設置鼠標懸浮時的效果。在CSS中，我們可以使用:hover偽類來實現這一效果。例如：

.my-image:hover {
opacity: 0.8;
}

這段代碼表示當鼠標懸浮在.my-image元素上時，該元素的透明度變為0.8。這樣就實現了鼠標懸浮圖片的效果。

如果我們希望圖片在懸浮時顯示另一張圖片，可以使用CSS的background-image屬性，結合:hover偽類和CSS3的transitions屬性來實現。例如：

.my-image {
background-image: url("my-image-1.jpg");
width: 300px;
height: 200px;
transition: background-image 0.5s ease;
}
.my-image:hover {
background-image: url("my-image-2.jpg");
}

這段代碼表示當鼠標懸浮在.my-image元素上時，該元素的背景圖片變為my-image-2.jpg，過渡時間為0.5秒，過渡效果為緩慢變化。這樣就實現了圖片在鼠標懸浮時顯示另一張圖片的效果。

總之，使用CSS可以輕松實現懸浮圖片效果，讓網站更加美觀、動感、吸引人。只要掌握了上述技巧，就能輕松設計出獨具特色的網站。