CSS3是我們平時前端開發中不可或缺的一種技術。在商品列表顯示方面，CSS3也提供了許多好用的樣式，讓商品列表能夠更加美觀和易讀。

首先，我們可以使用CSS3的偽類選擇器“:hover”來設置鼠標懸浮時的效果。例如，當鼠標懸浮在商品的圖片上時，我們可以通過以下代碼讓圖片變得更加明亮：

.product img:hover {
filter: brightness(150%);
}

其次，我們可以使用CSS3的過渡效果來實現商品價格改變時的動態效果。以下代碼可以使商品價格在:hover時變為紅色：

.product:hover .price {
color: red;
transition: color 0.5s;
}

另外，我們還可以通過使用CSS3的transform屬性來實現商品列表項的動畫效果，例如以下代碼可以使商品列表項在鼠標懸浮時縮小：

.product:hover {
transform: scale(0.9);
transition: transform 0.5s;
}

綜上所述，CSS3為我們展示商品列表提供了許多好用的樣式效果。我們可以根據需求選擇不同的效果來實現更加漂亮的商品列表顯示。