今天我們來分享一些關于圖片CSS動畫效果的代碼，讓網站更加生動、有趣！下面是一些例子：

1. 圖片旋轉

img:hover {
transform: rotate(360deg);
}

2. 圖片移動

img:hover {
transform: translate(50px,50px);
}

3. 圖片放大

img:hover {
transform: scale(1.5);
}

4. 圖片抖動

img:hover {
animation: shake 0.5s;
animation-iteration-count: 1;
}
@keyframes shake {
0% { transform: translate(0,0) rotate(0deg); }
10% { transform: translate(-10px,0) rotate(-5deg); }
20% { transform: translate(-8px,0) rotate(5deg); }
30% { transform: translate(-6px,0) rotate(-5deg); }
40% { transform: translate(-4px,0) rotate(5deg); }
50% { transform: translate(-2px,0) rotate(-5deg); }
60% { transform: translate(0,0) rotate(0deg); }
100% { transform: translate(0,0) rotate(0deg); }
}

以上是一些簡單的例子，您可以根據需要進行修改和組合使用，實現更加炫酷的效果呈現。記得加上過渡效果，讓動畫更加平滑自然哦~