今天我們來(lái)分享一些關(guān)于圖片CSS動(dòng)畫(huà)效果的代碼，讓網(wǎng)站更加生動(dòng)、有趣！下面是一些例子：

1. 圖片旋轉(zhuǎn)

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

2. 圖片移動(dòng)

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

3. 圖片放大

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

4. 圖片抖動(dòng)

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); }
}

以上是一些簡(jiǎn)單的例子，您可以根據(jù)需要進(jìn)行修改和組合使用，實(shí)現(xiàn)更加炫酷的效果呈現(xiàn)。記得加上過(guò)渡效果，讓動(dòng)畫(huà)更加平滑自然哦~