Я пытаюсь построить класс, который я могу легко пощепать на элемент, который исчезнет в виде элемента, когда он отображается, но мгновенно скрываю его, когда я устанавливаю Display на нет. < /p>
До сих пор классы, которые я строю, исчезает элемент, но также есть небольшая задержка укрытия или угастных фигур. < /p>
У меня есть до сих пор, используя анимации для класса Fadein < /code>: < /p>
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fadeIn {
animation: fadeIn 0.2s both ease-in;
}
< /code>
Этот один исчезает, но есть задержка при его скрытии < /p>
Другой выглядит следующим образом: < /p>
.fade-show {
opacity: 1;
transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-webkit-transition: opacity 2s ease-in;
}
< /code>
Это на самом деле не исчезает и не задерживается в Hide.
Я бы просто хотел, чтобы что -то исчезало при рендере или отображении для блокировки , но мгновенно скрыть, когда отображение none .
Использование для этого класса будет следующим:
I fade in but dont fade on hide
Подробнее здесь: https://stackoverflow.com/questions/450 ... stant-hide
