@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } } .signup.error{ animation: shake 0.4s ease; } .signup input[type="email"].error::placeholder{ color: #ff4444; }