CSS3中，可以使用transform屬性來(lái)實(shí)現(xiàn)圖片的放大和縮小，具體步驟如下：

1、需要為圖片元素添加CSS類(lèi)，以便應(yīng)用transform屬性。

<img class="my-image" src="path-to-your-image.jpg" />

2、在CSS中添加以下樣式：

.my-image {
  transform: scale(1); /* 初始大小 */
  transition: transform 0.3s ease; /* 添加過(guò)渡效果 */
}

3、當(dāng)需要放大圖片時(shí)，可以添加另一個(gè)CSS類(lèi)來(lái)更改transform屬性的值：

.my-image.zoomed {
  transform: scale(2); /* 放大到2倍 */
}

4、使用JavaScript來(lái)添加和刪除這個(gè)新的CSS類(lèi)：

var myImage = document.querySelector('.my-image');
myImage.addEventListener('click', function() {
  if (myImage.classList.contains('zoomed')) {
    myImage.classList.remove('zoomed');
  } else {
    myImage.classList.add('zoomed');
  }
});

這樣，每次點(diǎn)擊圖片時(shí)，它都會(huì)放大到原來(lái)的2倍，然后再縮小回原來(lái)的大小，注意，這里使用了transition屬性來(lái)添加過(guò)渡效果，使圖片放大和縮小的過(guò)程更加平滑。