@Renat871

Как изменить стиль required?

всем привет!
Я хочу сделать так, что б когда не заполненое поле (тоесть атрибут required), то оно тряслось.
У меня есть не большой код
<form id="signin" method="" action="" autocomplete="off">
              <input type="text" id="user" name="user" placeholder="username" required />
              <input type="password" id="pass" name="pass" placeholder="password" required
              <button type="submit">&#xf0da;</button>
            </form>


@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}


#signin input:required{
}


и я хожу вокруг да около.
надо сделать так что б когда заполненое поле и нажимают на кнопку подтвердить оно тряслось. заранее спасибо.
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы