CSS3是一種常用的前端技術，它可以讓網(wǎng)頁更加美觀和易于訪問。其中一個常用功能就是圖片顯示。在本文中，我們將重點討論如何使用CSS3來控制圖片顯示效果。

img {
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

上面的代碼演示了如何控制圖片的圓角和陰影效果。使用border-radius屬性，我們可以把圖片的四個角變成圓角，給整個圖片加上一些柔和的曲線。使用box-shadow屬性，我們可以在圖片周圍添加一些陰影，讓圖片看起來更加立體。

img {
transition: all 0.3s ease;
}
img:hover {
transform: scale(1.2);
}

上面的代碼演示了如何控制圖片的縮放效果。使用transition屬性，我們可以讓圖片變化的過程變得非常平滑。使用:hover偽類，我們可以讓圖片在鼠標懸停時縮放，看起來更加生動。

img {
filter: grayscale(100%);
}
img:hover {
filter: grayscale(0%);
}

上面的代碼演示了如何控制圖片的灰度效果。使用filter屬性，我們可以讓圖片的顏色變成黑白。這種效果可以讓圖片看起來更加古典和神秘。

總之，使用CSS3控制圖片顯示效果非常簡單，只需要理解一些基本的屬性，并靈活運用它們就可以了。