水平抖动
左右快速抖动，常用于表单校验失败。
效果预览
参数调节
完整代码
/* 水平抖动 */
@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; }