Jquery CSS文本宽度从左到右

我尝试从左到右淡入文本，类似于，但希望文本隐藏在透明背景div后面，而不是示例的白色背景。这在CSS中是可能的吗？原因是文本后面会有一个我想淡入的图像。

是的，您可以通过将

@关键帧的
宽度从0%设置为100%（如您问题中的示例）来显示文本的各个部分

您要展示的小演示示例是它是如何工作的。点击零：


stripe.onclick=function（）{
var sec=new Date（）.getSeconds（）%10；
stripe.classList.add（'animate'）；
digit.classList.add（'animate'）；
console.log（）；
};
#数字{
宽度：20px；
溢出：隐藏；
字体：32px“信使新”，monospace；
光标：指针；
过渡：2s线性宽度；
}
#条纹{
宽度：20px；
过渡：2s线性宽度；
}
#条纹动画{
宽度：200px；
过渡：2s线性宽度；
}
#数字动画{
宽度：200px；
过渡：2s线性宽度；
}

标题
0123456789
谢谢，这很有效！注意如果
#stripe
文本有空格，请使用
空白：无换行
以防止单词换行。