在CSS中，我們可以使用偽類(lèi):hover來(lái)實(shí)現(xiàn)點(diǎn)擊換圖片的功能，我們需要為圖片元素添加兩個(gè)偽類(lèi)，分別代表鼠標(biāo)懸停和點(diǎn)擊狀態(tài)，我們可以使用CSS的transition屬性來(lái)實(shí)現(xiàn)圖片之間的過(guò)渡效果。

下面是一個(gè)簡(jiǎn)單的示例代碼：

HTML部分：

<img class="image" src="image1.jpg" alt="Image 1">

CSS部分：

.image {
  width: 200px;
  height: 200px;
  transition: transform 0.5s;
}
.image:hover {
  transform: scale(1.1);
}
.image:active {
  transform: scale(0.9);
}

在這個(gè)示例中，我們?yōu)閳D片元素添加了一個(gè)點(diǎn)擊事件監(jiān)聽(tīng)器，當(dāng)圖片被點(diǎn)擊時(shí)，圖片會(huì)縮小到0.9倍，并持續(xù)0.5秒，我們還為圖片元素添加了一個(gè)鼠標(biāo)懸停事件監(jiān)聽(tīng)器，當(dāng)鼠標(biāo)懸停在圖片上時(shí)，圖片會(huì)放大到1.1倍，并持續(xù)0.5秒，這樣，我們就可以實(shí)現(xiàn)點(diǎn)擊換圖片的功能了。

需要注意的是，這種方法只是實(shí)現(xiàn)點(diǎn)擊換圖片功能的一種簡(jiǎn)單方式，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整和優(yōu)化，我們還需要確保圖片元素的點(diǎn)擊事件能夠被正確地觸發(fā)和處理。