CSS圖片動畫是網頁設計中十分常見的一種元素，可以為網站注入生動、活潑的氣息。下面我們來看一些CSS圖片動畫的代碼展示。

/* 1. 點擊圖片放大 */
img:hover {
transform: scale(1.2);
transition: all 0.3s ease-out;
}
/* 2. 旋轉圖片 */
img {
animation: spin 2s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
/* 3. 滑動圖片 */
img {
position: relative;
left: -100px;
transition: all 0.5s ease-in-out;
}
img:hover {
left: 0;
}
/* 4. 縮放圖片 */
img {
transform: scale(1);
transition: all 0.3s ease-out;
}
img:hover {
transform: scale(1.2);
}
/* 5. 漸變圖片 */
img {
opacity: 0.8;
transition: all 0.3s ease-out;
}
img:hover {
opacity: 1;
}

以上是常見的幾種CSS圖片動畫的代碼，可以根據需求修改相應的參數和樣式，實現更加豐富多樣的效果。