在網站設計中，動畫效果是非常重要的。CSS提供了多種圖片動畫效果，讓我們的網站更加生動有趣。以下是幾個常用的圖片動畫效果：

/* 放大縮小動畫效果 */
img:hover {
transform: scale(1.1);
transition: transform 0.5s ease;
}
/* 旋轉動畫效果 */
img {
transform: rotate(0deg);
transition: transform 0.5s ease;
}
img:hover {
transform: rotate(360deg);
}
/* 漸變動畫效果 */
img {
opacity: 1;
transition: opacity 0.5s ease;
}
img:hover {
opacity: 0.5;
}

以上是三個常用的圖片動畫效果，其中使用hover來實現鼠標交互。我們可以將這些效果應用于導航欄、圖片輪播等地方，讓我們的網站更加生動有趣。