CSS是前端開發中不可或缺的一部分，它可以美化網站的展示效果，提高用戶的交互體驗。在淘寶等電商網站中，常常可以看到一些鼠標經過圖片有顏色變化或者動態效果的效果，今天我們來學習如何使用CSS制作淘寶鼠標經過圖。

首先，我們需要準備一張圖片，例如下面這張：

<img src="https://img.alicdn.com/bao/uploaded/i1/2205522202881/O1CN01jScKzi1t7yhWaytAU_!!0-saturn_solar.jpg" alt="image" width="300px">

接下來，我們需要在CSS中為圖片定義一個類名，并設置鼠標經過時的樣式：

.image:hover {
opacity: 0.8;
transform: translateY(-5px);
transition: all 0.3s ease;
}

在上面的代碼中，我們使用:hover來表示鼠標經過事件，opacity可以控制圖片不透明度，transform可以使圖片移動位置，transition可以制定變換的效果和時間。

最后，在HTML中給圖片添加類名即可：

<img class="image" src="https://img.alicdn.com/bao/uploaded/i1/2205522202881/O1CN01jScKzi1t7yhWaytAU_!!0-saturn_solar.jpg" alt="image" width="300px">

這樣，當鼠標經過圖片時，圖片就可以實現一定的動態效果，使網站更加生動、有趣。