在CSS中，我們可以使用transform屬性來實現(xiàn)圖片的放大和縮小。transform屬性允許你對元素進(jìn)行多種變換，包括放大、縮小、旋轉(zhuǎn)、傾斜等，下面是一個簡單的例子，展示了如何使用transform屬性來放大和縮小圖片：

HTML代碼：

<img id="myImage" src="image.jpg" />

CSS代碼：

#myImage {
  width: 200px;
  height: 200px;
  transform: scale(1); /* 初始狀態(tài) */
}
#myImage.zoomed {
  transform: scale(2); /* 放大兩倍 */
}
#myImage.zoomed-out {
  transform: scale(0.5); /* 縮小一半 */
}

在這個例子中，我們給圖片添加了一個初始的transform屬性，值為scale(1)，表示圖片初始狀態(tài)為原始大小，我們添加了兩個類zoomed和zoomed-out，分別用于放大和縮小圖片，當(dāng)圖片被放大時，我們設(shè)置transform屬性為scale(2)，表示圖片會放大兩倍，當(dāng)圖片被縮小時，我們設(shè)置transform屬性為scale(0.5)，表示圖片會縮小一半。

你可以通過JavaScript來動態(tài)地添加或移除這些類，從而實現(xiàn)圖片的放大和縮小效果，你可以編寫一個函數(shù)來監(jiān)聽鼠標(biāo)滾輪事件，當(dāng)滾輪向上滾動時放大圖片，向下滾動時縮小圖片。