CSS3是一個(gè)非常強(qiáng)大的樣式語言，其中有許多有趣的特性可以讓我們的網(wǎng)頁變得更加生動(dòng)、有趣。其中之一就是圖片搖晃的特效，可以讓圖片動(dòng)態(tài)地?fù)u擺起來，吸引用戶的注意力。

/* 定義動(dòng)畫關(guān)鍵幀 */
@keyframes shake {
0% { transform: translateX(0); }
10% { transform: translateX(-10px) rotate(-5deg); }
20% { transform: translateX(10px) rotate(5deg); }
30% { transform: translateX(-10px) rotate(-5deg); }
40% { transform: translateX(10px) rotate(5deg); }
50% { transform: translateX(-10px) rotate(-5deg); }
60% { transform: translateX(10px) rotate(5deg); }
70% { transform: translateX(-10px) rotate(-5deg); }
80% { transform: translateX(10px) rotate(5deg); }
90% { transform: translateX(-10px) rotate(-5deg); }
100% { transform: translateX(0); }
}
/* 給圖片應(yīng)用動(dòng)畫 */
img.shake {
animation: shake 1s infinite;
}

上面的代碼中，我們首先定義了一個(gè)關(guān)鍵幀動(dòng)畫shake，通過一系列的transform動(dòng)畫屬性來定義圖片的位置和旋轉(zhuǎn)角度。在應(yīng)用這個(gè)動(dòng)畫的時(shí)候，我們使用了infinite關(guān)鍵字，表示無限循環(huán)播放動(dòng)畫。

現(xiàn)在，我們只需要在圖片的HTML標(biāo)簽上添加一個(gè)class屬性即可：

這個(gè)效果可以用來增強(qiáng)圖片的表現(xiàn)力，讓頁面更加生動(dòng)。當(dāng)然，它并不適用于所有類型的網(wǎng)站，有些情況下我們需要更加嚴(yán)肅和專業(yè)的表現(xiàn)方式。

總之，CSS3提供了許多有趣的特性，可以讓我們的網(wǎng)頁變得更加生動(dòng)、有趣，但是在使用的時(shí)候，我們需要根據(jù)實(shí)際情況進(jìn)行選擇和決策。