Как сделать полностью обратную анимацию?

Question

[mydarck]

Доброго дня.
Пытаюсь сделать полностью обратную анимацию.
Сейчас, при клике на кнопку, сначала происходит анимация затемнения, она длиться 0,3сек. После нее, с задержкой в те же 0,3сек начинается следующая анимация, анимация выезжающего окна формы и длиться она тоже 0
,3сек. Запнулся с обратной анимацией. Как сделать все тоже самое но в обратном порядке при скрытии.

1. Форма уползает вверх параллельно с исчезновением
   
2. После завершения первой анимации, происходит вторая - осветление фона.
   

Comments

[Rustam Bainazarov]

Где код?..

[mydarck]

Забыл прикрепить )

[mydarck]

Рустам Байназаров, Почему то через вставку с внешнего ресурса не работает, так ссылку добавлю
Пример

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/MWaKYgZ - transition-delay: 0.34s

Comments

[mydarck]

Стыдно, что я об этом не подумал. Спасибо, Максим.