在CSS中，可以通過(guò)設(shè)置transform屬性來(lái)實(shí)現(xiàn)圖片點(diǎn)擊后旋轉(zhuǎn)的效果，以下是一個(gè)簡(jiǎn)單的示例：

1、為圖片添加CSS類(lèi)，以便在點(diǎn)擊時(shí)應(yīng)用旋轉(zhuǎn)效果：

.rotate-image {
  transition: transform 0.5s; /* 動(dòng)畫(huà)效果 */
}

2、使用JavaScript添加點(diǎn)擊事件處理程序，當(dāng)圖片被點(diǎn)擊時(shí)，將transform屬性設(shè)置為rotate(180deg)，以實(shí)現(xiàn)旋轉(zhuǎn)效果：

document.querySelector('.rotate-image').addEventListener('click', function() {
  this.style.transform = 'rotate(180deg)';
});

3、確保圖片具有足夠的寬度和高度，以便能夠清晰地看到旋轉(zhuǎn)效果：

.rotate-image {
  width: 200px;
  height: 200px;
}

通過(guò)以上代碼，當(dāng)圖片被點(diǎn)擊時(shí)，將會(huì)發(fā)生旋轉(zhuǎn)效果，可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度和速度，以達(dá)到更好的用戶(hù)體驗(yàn)。