CSS：让文本从场景中永久消失？答案

【问题标题】：CSS: getting text to disappear permanently from a scene?CSS：让文本从场景中永久消失？
【发布时间】：2021-02-06 04:28:51
【问题描述】：

#alert-user-message {
text-align: center;
position: absolute;
top: 200;
right: 100;
animation-name: textAnim;
animation-duration: 5s;
animation-delay: 2s;
}

@keyframes textAnim {
 0%   {opacity:1;}
 90%  {opacity:1;}
 100% {opacity:0;}
}

您可以在example vid 中看到。我尝试使用上面的代码淡化文本，但它只是回到 1 不透明度并留在场景中。我确实不想要这个。我需要文本以一种或另一种方式“永久”过渡出来。

这是如何在 CSS 中正确完成的？ streamlabs 中有内置的进入/退出动画，但它们的所有代码都被隐藏起来并且无法查看。

【问题讨论】：

我建议你使用js。 CSS id 并没有真正用于永久修改元素

标签： css

【解决方案1】：

使用animation-fill-mode: forwards; 在动画结束时保留其状态。

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode

【讨论】：

我感觉这是填充模式。文档对它的解释非常混乱。谢谢。