CSS исчезает, мгновенная шкура ⇐ Html

[Anonymous]

Я пытаюсь построить класс, который я могу легко пощепать на элемент, который исчезнет в виде элемента, когда он отображается, но мгновенно скрываю его, когда я устанавливаю 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