Is it possible to somehow play the animation in reverse order when deleting the class with the animation?

Question

css

.ref-filter_wrapper {
        margin: 0 0 24px 0;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateY(-50px);
     
        &.active {
          animation: filter 0.5s forwards;
        }

Is it possible to somehow play the animation in reverse order when deleting the class with the animation?
that is, when the active class is removed, play the animation in reverse order, is it possible?

Answer 1

no. but you can add a new class when you remove the active class, which will have a different animation. and then delete this class for a new animation by timeout