У меня есть форма, которая меняет цвет границы (красно-зеленый), если введенные значения правильные или нет - я также меняю две маленькие иконки (glyphicon-ok и glyphicon-remove) в конце каждого поля.Я хотел добавить эффект перехода к цвету границы и значкам (easy-in-out).
На цвету границы работает отлично, но я заметил на значках, даже если я установил 'easy-in-out'самый первый переход по-прежнему «линейный» - значки появляются снизу, как будто что-то их подталкивает - я хочу, чтобы они просто появлялись с переходом 0,2 с.
Вот мой css для значков:
.start-label .glyphicon-ok {
position: absolute;
font-size: 25px;
top: 19px;
right: 10px;
color: #ACCB71;
transition: 0.2s ease-in-out;
}
.start-label .glyphicon-remove {
position: absolute;
font-size: 25px;
top: 19px;
right: 10px;
color: #CC3E44;
transition: 0.2s ease-in-out;
}
У меня есть только эти переходы во всем моем CSS-коде с граничными.Переход для границы следующий:
transition: border 0.2s ease-in-out;
Что я здесь не так делаю?Или это так должно работать?