CSS3是一種新型的樣式語言，它可以為網(wǎng)頁設(shè)計(jì)師提供更加豐富的動(dòng)畫效果，其中之一就是“搖一搖”動(dòng)畫效果。

/* CSS3搖一搖動(dòng)畫效果 */
@keyframes shake {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(10deg);
}
50% {
transform: rotate(-10deg);
}
75% {
transform: rotate(5deg);
}
100% {
transform: rotate(0deg);
}
}
.shake {
animation: shake 0.5s;
}

通過上面的CSS代碼，我們可以實(shí)現(xiàn)一個(gè)搖一搖的動(dòng)畫效果，使用的關(guān)鍵幀動(dòng)畫，即@keyframes。在@keyframes中通過0%至100%的時(shí)間段，定義了不同的旋轉(zhuǎn)度數(shù)，最后通過一個(gè)類名來調(diào)用這個(gè)搖一搖動(dòng)畫。

只需要將搖一搖的類名添加到需要實(shí)現(xiàn)動(dòng)畫效果的元素上，即可實(shí)現(xiàn)一個(gè)簡單而有趣的搖一搖效果。