Как делать анимацию, в плагине just-validate?
Всплывающая ошибка отображается резко, без анимации. Стандартные css свойства анимирования не срабатывают.
Подскажите пожалуйста, как можно анимировать ошибку?
Источник: Stack Overflow на русском
Всплывающая ошибка отображается резко, без анимации. Стандартные css свойства анимирования не срабатывают.
Подскажите пожалуйста, как можно анимировать ошибку?
Добавьте 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;}
}