水平抖動
左右快速抖動，常用於表單校驗失敗。
效果預覽
參數調節
完整代碼
/* 水平抖動 */
@keyframes shakeX {
0%, 100% { transform: translateX(0); }
20%, 60% { transform: translateX(-8px); }
40%, 80% { transform: translateX(8px); }
}
.shake-x { animation: shakeX .5s ease-in-out; }