CSS中，我們可以通過使用動(dòng)畫效果讓圖片上下晃動(dòng)。下面是一個(gè)例子:

img {
animation: shake 0.5s infinite;
}
@keyframes shake {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, 10px);
}
100% {
transform: translate(0px, 0px);
}
}

上面的代碼中，我們使用了CSS的animation屬性來給圖片添加上下晃動(dòng)動(dòng)畫效果。該屬性接受四個(gè)參數(shù)，分別是：動(dòng)畫名稱、時(shí)間、延遲時(shí)間和動(dòng)畫播放次數(shù)。

我們再來看一下@keyframes中的代碼，這里我們定義了一個(gè)名為shake的動(dòng)畫函數(shù)。該函數(shù)定義了三個(gè)關(guān)鍵幀，分別是0%、50%和100%。在每個(gè)關(guān)鍵幀中，我們使用transform屬性來控制圖片的位移，讓它在Y軸方向上上下晃動(dòng)。

如果你想讓圖片晃動(dòng)得更大一些，你可以適當(dāng)調(diào)整translate中的像素值。另外，我們也可以通過設(shè)置其他參數(shù)來改變晃動(dòng)的節(jié)奏、速度和下落的距離。

總之，CSS的動(dòng)畫效果讓我們有更多的創(chuàng)意和靈活性去設(shè)計(jì)網(wǎng)站，希望大家都能夠好好利用這些功能，讓自己的網(wǎng)站更具有個(gè)性和吸引力。