Как делать анимацию, в плагине just-validate?

Рейтинг: -1Ответов: 1Опубликовано: 23.01.2023

Всплывающая ошибка отображается резко, без анимации. Стандартные css свойства анимирования не срабатывают.

Подскажите пожалуйста, как можно анимировать ошибку?

Ответы

▲ 1Принят

Добавьте transition для ваших input полей и для надписей ошибок добавьте анимацию. Так как эти сообщения появляются динамически нужно заранее повесить анимацию в стилях

input,
textarea {
  transition: all 0.3s;
}

.just-validate-error-label {
  animation: 0.5s fadeIn ease;
}

@keyframes fadeIn {
 from{opacity: 0;}
 to{opacity: 1;}
}