Shake X
Rapid horizontal shake — common for validation errors.
Preview
Tune parameters
Full code
/* Shake X */
@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; }