CSS анимация, когда DOM-элемент загружен и закрыт

Question

Привет! Я использую свойство css animation, чтобы постепенно увеличивать ширину элемента, и он прекрасно работает, когда элемент загружается в DOM

код, который я использую:

 @keyframes widthSize {
      0% { width: 0; }
      20% { width: 40px; }
      40% { width: 80px; }
      60% { width: 120px; }
      80% { width: 160px; }
      100% { width: 200px; }
 }

.item-popup-list {
animation: widthSize 200ms ease 0s 1;
}

проблема в том, что я хочу постепенно уменьшать размер элемента при удалении из DOM, могу ли я сделать это только с помощью CSS, или я должен использовать jQuery (мой код - javascript реагировать на JJ)

Answer 1

Когда элемент удален из DOM, вы не можете показать анимацию.Все, что вы можете сделать, это переключить класс с помощью javascript / jQuery