CSS3動畫中的左右抖動是一種常見的效果，可以為網頁增添生動的元素。下面我們來介紹一些實現左右抖動的方法。

/* 第一種方法：使用@keyframes */
@keyframes shake {
0% {transform: translateX(0);}
25% {transform: translateX(-10px);}
50% {transform: translateX(0);}
75% {transform: translateX(10px);}
100% {transform: translateX(0);}
}
/* 在需要抖動的元素上應用動畫 */
.shake-element {
animation: shake 0.5s ease;
}
/* 第二種方法：使用transform和transition */
/* 在需要抖動的元素上應用transform */
.shake-element {
transform: translateX(0);
transition: transform 0.2s ease-in-out;
}
/* 通過改變transform的值實現抖動效果 */
.shake-element:hover {
transform: translateX(-10px);
}

以上兩種方法都能實現左右抖動的效果，但第一種方法需要使用@keyframes關鍵字，而第二種方法則使用了:hover偽類。根據不同的場景選擇使用哪種方法，都能獲得理想的效果。