Html 使用CSS动画更改部分文本

我在HTML页面中有一个文本，我想用动画来改变其中的一部分

我发现了这一点，但它在我的情况下不起作用，或者它似乎不是我所寻找的解决方案。 这是我的密码：

。更改：在{
内容：“2”；
不透明度：1；
动画名称：更改字母；
动画持续时间：10秒；
动画迭代次数：无限；
}
@关键帧更改字母{
0%{不透明度：0.5；}
17%{不透明度：0；内容：“3”}
34%{不透明度：0.5；}
50%{不透明度：1；}
66%{不透明度：0.5；}
85%{不透明度：0；内容：“2”}
100%{不透明度：0.5；}
}

我的应用程序版本

请查看

。更改：在{
内容：“2”；
字体大小：100%；
动画名称：更改字母；
动画持续时间：5s；
动画迭代次数：无限；
}
@关键帧更改字母{
5% {
不透明度：1；
内容：“2”
}
20% {
不透明度：0.5；
内容：“2”
}
40% {
不透明度：0；
内容：“2”
}
45% {
不透明度：0；
内容：“3”
}
60% {
不透明度：0.5；
内容：“3”
}
80% {
不透明度：1；
内容：“3”
}
100% {
不透明度：0；
内容：“3”
}
0% {
不透明度：0；
内容：“2”
}
}

我的应用程序版本

请查看

。更改：在{
内容：“2”；
字体大小：100%；
动画名称：更改字母；
动画持续时间：5s；
动画迭代次数：无限；
}
@关键帧更改字母{
5% {
不透明度：1；
内容：“2”
}
20% {
不透明度：0.5；
内容：“2”
}
40% {
不透明度：0；
内容：“2”
}
45% {
不透明度：0；
内容：“3”
}
60% {
不透明度：0.5；
内容：“3”
}
80% {
不透明度：1；
内容：“3”
}
100% {
不透明度：0；
内容：“3”
}
0% {
不透明度：0；
内容：“2”
}
}

---

我的应用程序版本

请澄清您的具体问题或添加其他详细信息，以突出显示您需要的内容。正如目前所写的，很难准确地说出你在问什么。“没有按预期工作”-你忘了提到你的期望是什么，以及它们与结果的差异。我确实编辑了我的问题。希望现在一切都清楚了。谢谢。{code>在{content:'2'；==>{code>在{content:'4'；之前？请澄清您的具体问题或添加其他详细信息，以突出显示您需要的内容。由于目前正在编写，很难准确说出您的要求。“没有按预期工作”-你忘了提到你的期望值是什么，以及它们与结果有什么不同。我确实编辑了我的问题。希望现在问题清楚了。谢谢你。{content:'2'；==>

在{content:'4'；

之前。它仍然工作不好……你能看到“2”在“3”之前闪烁了两次吗出现？您的期望是什么？您能告诉我要求“2”的不透明度为1->不透明度为0.5->不透明度为0；然后“3”的不透明度为0.5->不透明度为1->不透明度为0.5->不透明度为0；然后是“2”再次出现不透明度0.5->不透明度1->等等…我已经更新了代码，请检查它。@SmartMouse如果这对你有用，请将它作为一个可接受的答案：）它仍然工作不好…你能看到“2”在“3”出现之前闪烁两次吗？你的期望是什么？你能告诉我“2”的要求吗不透明度为1->不透明度为0.5->不透明度为0；然后“3”显示为不透明度为0.5->不透明度为1->不透明度为0；然后“2”再次显示为不透明度为0.5->不透明度为1->等等…我已经更新了代码，请检查它。@SmartMouse如果这对您有效，请将其作为一个可接受的答案：）