CSS3是CSS最新的版本，它帶來(lái)了許多強(qiáng)大的功能，其中縮小圖片顯示就是其中之一。

img {
max-width: 100%;
height: auto;
transition: all 0.3s ease-in-out;
}
img:hover {
transform: scale(0.8);
}

使用上述代碼，我們可以實(shí)現(xiàn)縮小圖片的效果。首先，我們?cè)O(shè)置圖片的最大寬度為100%，高度自適應(yīng)，以保證圖片不會(huì)超出容器范圍。同時(shí)，我們添加了一個(gè)過(guò)渡動(dòng)畫，使得縮放過(guò)程更加平滑自然。

然后，我們通過(guò):hover偽類來(lái)實(shí)現(xiàn)鼠標(biāo)懸停時(shí)的縮放效果。使用transform屬性，我們將圖片縮小至原來(lái)的80%大小，從而達(dá)到縮小顯示的效果。同時(shí)，過(guò)渡動(dòng)畫也會(huì)在這個(gè)過(guò)程中生效，使得效果更加出色。

CSS3的縮小圖片顯示功能非常實(shí)用，可以以更加優(yōu)雅的方式展示圖片。我們可以根據(jù)需要調(diào)整縮放比例、過(guò)渡效果等參數(shù)，以獲得最佳的視覺(jué)效果。