CSS可以通過設(shè)置圖片元素的樣式來(lái)實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)的效果，以下是一個(gè)簡(jiǎn)單的示例代碼：

HTML部分：

<img id="rotate-image" src="image.jpg" alt="圖片">

CSS部分：

#rotate-image {
  transition: transform 2s; /* 旋轉(zhuǎn)動(dòng)畫的時(shí)間設(shè)置為2秒 */
}
#rotate-image:active {
  transform: rotate(180deg); /* 點(diǎn)擊圖片時(shí)，將其旋轉(zhuǎn)180度 */
}

在這個(gè)示例中，我們使用了CSS的transition屬性來(lái)設(shè)置旋轉(zhuǎn)動(dòng)畫的時(shí)間，以及transform屬性來(lái)實(shí)現(xiàn)旋轉(zhuǎn)效果，當(dāng)圖片被點(diǎn)擊時(shí)，我們通過:active偽類來(lái)觸發(fā)旋轉(zhuǎn)動(dòng)作。

需要注意的是，這個(gè)示例中的旋轉(zhuǎn)角度和動(dòng)畫時(shí)間可以根據(jù)實(shí)際需求進(jìn)行調(diào)整，為了確保旋轉(zhuǎn)效果能夠正常顯示，建議將圖片元素的寬度和高度設(shè)置為固定值，以避免在旋轉(zhuǎn)過程中圖片尺寸發(fā)生變化。