在CSS中，我們可以使用動(dòng)畫（animation）和過渡（transition）屬性來實(shí)現(xiàn)點(diǎn)擊圖片后使其動(dòng)起來的效果，以下是一個(gè)簡(jiǎn)單的示例：

我們需要?jiǎng)?chuàng)建一個(gè)HTML元素，例如一個(gè)圖片：

<img id="myImage" src="image.jpg" alt="My Image">

我們可以使用CSS來定義動(dòng)畫效果，我們可以定義一個(gè)簡(jiǎn)單的動(dòng)畫，使圖片在點(diǎn)擊后放大并旋轉(zhuǎn)：

#myImage {
  width: 200px;
  height: 200px;
  transition: transform 0.5s ease;
}
#myImage:active {
  transform: scale(1.5) rotate(360deg);
}

在這個(gè)示例中，#myImage 是圖片的CSS選擇器，width 和height 屬性定義了圖片的初始尺寸。transition 屬性定義了動(dòng)畫的持續(xù)時(shí)間（0.5秒）和緩動(dòng)函數(shù)（ease）。

#myImage:active 是一個(gè)偽類，它表示圖片被點(diǎn)擊時(shí)的狀態(tài)，在這個(gè)狀態(tài)下，圖片會(huì)放大到1.5倍并旋轉(zhuǎn)360度。

需要注意的是，這個(gè)動(dòng)畫效果只在圖片被點(diǎn)擊時(shí)觸發(fā)一次，如果你希望圖片在每次點(diǎn)擊時(shí)都重置到初始狀態(tài)并重新播放動(dòng)畫，你可以使用reset 屬性來重置transform 屬性：

#myImage:active {
  transform: scale(1.5) rotate(360deg);
  transform-origin: center; /* 確保旋轉(zhuǎn)從中心開始 */
}

這樣，每次點(diǎn)擊圖片時(shí)，動(dòng)畫都會(huì)重新播放，希望這個(gè)示例能幫助你實(shí)現(xiàn)點(diǎn)擊圖片后使其動(dòng)起來的效果！