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

【问题标题】：css animation when DOM item loaded and closed加载和关闭 DOM 项时的 css 动画
【发布时间】：2018-11-07 17:34:51
【问题描述】：

您好，我正在使用 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）

【问题讨论】：

何时以及如何从 DOM 中删除元素。
请添加您的整个组件，而不仅仅是 css。

标签： javascript css reactjs animation dom

【解决方案1】：

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

【讨论】：