CSS3可以實(shí)現(xiàn)許多炫酷的效果，其中之一就是美食圖片的展示。下面我們就來看看如何在網(wǎng)頁中使用CSS3來展示美味的圖片。

首先，在HTML中引入圖片，代碼如下：

<img src="food.jpg" alt="美食" />

接下來，我們使用CSS3來為圖片添加一些特效。首先，我們使用border-radius屬性為圖片添加圓角：

img {
border-radius: 5px;
}

然后，我們使用box-shadow屬性為圖片添加陰影效果：

img {
box-shadow: 0 0 5px #000;
}

接著，我們使用transform屬性為圖片添加旋轉(zhuǎn)效果：

img {
transform: rotate(10deg);
}

最后，我們使用transition屬性為圖片添加動(dòng)畫效果，讓它在鼠標(biāo)懸停時(shí)縮小：

img {
transition: all 0.3s ease-in-out;
}
img:hover {
transform: scale(0.9);
}

通過以上的css3屬性，我們成功地為美食圖片添加了圓角、陰影、旋轉(zhuǎn)和動(dòng)畫效果。在實(shí)際開發(fā)中，我們可以使用更多的CSS3屬性創(chuàng)建更多的美食圖片效果，讓我們的網(wǎng)頁變得更加炫酷。