CSS 是網頁設計中必不可少的一部分，除了能使頁面樣式更加炫酷以外，還能增強用戶體驗。下面介紹一種常見的 CSS 技巧：圖片懸停浮動效果。

img:hover {
/* 對應效果：鼠標懸停時，圖片會向左浮動 10px */
transform: translateX(-10px);
transition-duration: 0.5s;
}

以鼠標移入元素的動作為觸發，使對應圖片的位置向左或向右浮動一定距離，產生“活力”和“互動性”的效果，增強了用戶體驗。

當然，除了此效果，還有很多其他的鼠標懸停浮動效果，如圖片的放大縮小、圖片的旋轉、文字的顏色變化等等，都可以通過 CSS 來實現，讓頁面變得更加美觀和生動。在實際運用中，只要注意在適當的地方使用即可。