CSS是一種強大的樣式表語言，可以用來給網頁上的元素添加各種樣式和動畫效果，給圖片添加縮放動畫是CSS中的一個常見應用，如何用CSS給圖片添加縮放動畫呢？

我們需要給圖片一個基礎的樣式，我們可以使用CSS中的transform屬性來添加縮放動畫。transform屬性允許我們對元素進行縮放、旋轉、移動等操作，我們可以通過設置transform屬性的值來實現(xiàn)圖片的縮放效果，我們可以將transform屬性的值設置為scale(0.5)，這樣可以將圖片縮小到原來的0.5倍。

我們需要使用CSS中的transition屬性來設置圖片的縮放動畫。transition屬性允許我們在一段時間內平滑地改變元素的樣式或屬性，我們可以通過設置transition屬性的值來定義動畫的持續(xù)時間、延遲時間等參數(shù)，我們可以將transition屬性的值設置為all 0.5s ease-in-out，這樣可以將圖片在0.5秒內平滑地縮小到原來的0.5倍。

我們需要使用CSS中的:hover偽類來觸發(fā)圖片的縮放動畫。:hover偽類允許我們在鼠標懸停在元素上時改變元素的樣式或屬性，我們可以通過在:hover偽類中設置transform屬性的值來觸發(fā)圖片的縮放動畫，我們可以將:hover偽類中的transform屬性的值設置為scale(0.5)，這樣當鼠標懸停在圖片上時，圖片就會縮小到原來的0.5倍。

使用CSS給圖片添加縮放動畫需要設置圖片的樣式、使用transform屬性進行縮放、使用transition屬性設置動畫效果、使用:hover偽類觸發(fā)動畫，通過合理的設置，我們可以實現(xiàn)出各種有趣的圖片縮放動畫效果。