Как реализовать анимацию закрытия бургер меню?

Я хочу сделать так чтобы при нажатии на иконку бургер меню блок меню плавно выезжал слева (это у меня получилось наотлично) но я не могу понять как сделать так чтобы блок обратно заезжал после нажатия. у меня после нажатия он просто моментально исчезает. `

.nav-menu-active {
        padding-left: 80px;
        padding-top: 80px;
        display: block;
        position: absolute;
        left: -100%;
        z-index: 5;
        width: 100%;
        height: 100vh;
        background-color: rgb(255, 255, 255, 0.9);
        animation-name: menu-anim;
        animation-duration: 1.5s;
        animation-delay: 0.35s;
        animation-fill-mode: forwards;
    }


    @keyframes menu-anim {
        100% {
            left: 0;
        }
    }

` как реализовать тоже самое но обратно? Заранее спасибо за ответ)


Ответы (0 шт):