css删除元素时动画

在 CSS 中，可以使用 `transition` 属性来实现删除元素时的动画效果。具体来说，你可以设置一个元素的 `opacity` 属性为 0，然后使用 `transition` 属性来平滑地将其从不透明变为透明。这样做的好处是可以实现一个渐隐效果，使元素的消失更加自然。

以下是一个简单的示例代码，演示了如何使用 CSS transition 实现删除元素时的渐隐动画效果：

/* HTML 代码 */
<div class="box">这是一个要删除的元素</div>

/* CSS 代码 */
.box {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

.box.deleted {
  opacity: 0;
}

在 JavaScript 中，当需要删除这个元素时，你只需要将其添加一个 `.deleted` 类名即可：

const box = document.querySelector('.box');
box.classList.add('deleted');

这样做就会触发 CSS transition，使元素渐渐消失。