在CSS中，我們可以使用多種方法給圖片添加動畫效果，以下是一些常見的技巧：

1、使用@keyframes創(chuàng)建動畫

CSS的@keyframes規(guī)則可以用于創(chuàng)建自定義動畫，通過定義關(guān)鍵幀，我們可以控制圖片在動畫過程中的樣式變化。

我們可以創(chuàng)建一個(gè)簡單的旋轉(zhuǎn)動畫：

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.image {
  animation: rotate 2s linear infinite;
}

2、使用transform屬性添加動畫

transform屬性可以用于對圖片進(jìn)行旋轉(zhuǎn)、縮放、移動等操作，從而實(shí)現(xiàn)動畫效果。

我們可以使用transform: rotate()來實(shí)現(xiàn)旋轉(zhuǎn)動畫：

.image {
  animation: rotate 2s linear infinite;
}

3、使用transition屬性添加動畫

transition屬性可以用于在元素狀態(tài)改變時(shí)添加動畫效果，我們可以使用transition: transform()來實(shí)現(xiàn)旋轉(zhuǎn)動畫：

.image {
  transition: transform 2s linear;
}

4、使用第三方庫

除了上述方法，還有一些第三方庫可以幫助我們更輕松地實(shí)現(xiàn)復(fù)雜的動畫效果。anime.js和GSAP都是流行的動畫庫。

CSS提供了多種方法給圖片添加動畫效果，我們可以根據(jù)自己的需求選擇適合的方法，希望這篇文章能幫助你更好地理解和應(yīng)用CSS動畫！