当DOM项加载和关闭时的css动画

Question

您好我正在使用css动画属性使元素宽度逐渐增长，当项目加载到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 reactJS）

Answer 1

从DOM中删除元素时，无法显示动画。您所能做的就是使用javascript / jQuery切换类