Почему при удалении класса css анимация откатывается назад рывком?

Question

[del993788]

Здравствуйте. По логике, при изменении чего либо, при условии, что у нас прописан "transition: all" все изменения должны происходить плавно. Но почему-то оно так не работает.

Появление у меня через @keyframes, а при удалении показатели должны просто вернуться к исходному, но оно так не работает. Оно уходит рывком.
Если убрать @keyframes и отрабатывать просто изменение класса без него, то оно будет работать, но у меня на деле не такая простая анимация появления, поэтому без @keyframes тут никак.
Подскажите, почему с @keyframes удаление класса происходит резко и как сделать, чтобы оно было плавным?

Мне нужно не произвести обратную анимацию @keyframes, а просто изменить текущие показатели на предыдущие.

Answer 1

[del993788]

Должно быть
animation: am 0.6s backwards ease-in-out;