在網頁設計中，圖片動畫可以給網頁增加生動的感覺。利用CSS技術，可以實現很多種圖片動畫效果。

首先，要讓圖片顯示在網頁上，需要用HTML的標簽。比如，下面的代碼可以在網頁上顯示一張名為“example.jpg”的圖片：

<img src="example.jpg">

接下來，使用CSS的animation屬性實現圖片動畫。下面是一個例子，展示了如何實現一個讓圖片從左向右移動的動畫效果：

img {
animation: move-right 2s linear infinite;
}
@keyframes move-right {
from { left: 0; }
to { left: 100%; }
}

上述代碼中，img元素設置了animation屬性，將move-right作為參數傳遞給屬性值。這表示該圖片將會按照“move-right”所定義的規則進行動畫演示。move-right關鍵幀中的屬性定義了圖片從左向右移動。其中，left屬性定義了圖片的左間距位置，用百分比表示。from和to關鍵字代表了動畫從開始到結束的狀態。

還可以運用CSS的transition屬性實現一些簡單的圖片動畫效果，例如將鼠標懸停到圖片上時，圖片會發生變化。下面是一個例子：

img {
transition: transform 0.5s ease-out;
}
img:hover {
transform: scale(1.5);
}

當鼠標懸停在圖片上時，它的大小會變為原來的1.5倍。下面是代碼的解釋。img元素的transition屬性定義了變化的類型，這里用了CSS3的transform屬性，過渡時間是0.5秒，變化呈現緩和狀態。圖片的:hover偽類代表鼠標懸停時的狀態，利用transform: scale(1.5)將圖片放大了1.5倍。

總之，CSS提供了許多強大的屬性和方法實現圖片動畫效果。在實際開發中，要根據需求和效果的要求合理運用這些技術。