震動動畫在網(wǎng)頁設(shè)計中可以為頁面增添一些活力，提高用戶體驗。在CSS3中，可以通過transform屬性來實現(xiàn)元素的震動效果。

.shake {
animation: shake .8s ease-in-out;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
20%, 40%, 60%, 80% { transform: translateX(10px); }
}

使用以上代碼可以為一個元素添加震動效果，.shake為元素的類名。通過@keyframes定義動畫，使用transform:translateX()（水平方向位移）實現(xiàn)元素的震動效果。

值得注意的是，多個元素如果同時使用了該類名，則所有元素都會同時震動，影響用戶體驗。為了避免這種情況，可以給每個元素添加一個不同的類名，或者使用JS控制元素的震動效果。

除了transform屬性，animation屬性還有很多其他的值可以設(shè)置，例如動畫持續(xù)時間（duration）、動畫循環(huán)次數(shù)（iteration-count）等，可以根據(jù)具體需求進(jìn)行設(shè)置。

總之，震動動畫可以為頁面增添不少活力、提高用戶體驗，使用CSS3實現(xiàn)也非常簡單方便，值得在網(wǎng)頁設(shè)計中嘗試使用。