css3 文字逐个显示 |css怎么固定表头

/* CSS代码片段 */
body {
font-size: 20px;
}
.text {
width: 400px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
animation: typing 4s steps(30, end);
}
@keyframes typing {
from { width: 0; }
}

以上是实现文字逐个显示的CSS代码，具体的实现方式如下：

• 先定义文字区域的宽度，用来限制文字的显示长度。
• 设置溢出隐藏，防止文字超出限定区域。
• 设置white-space为nowrap，强制一行显示，防止换行。
• 设置动画效果，通过animation属性调用typing动画，定义动画的时间、步数和结束位置。
• 最后定义动画，设置从0宽度开始，逐渐增加到限定的宽度。

通过以上的CSS代码实现了文字逐个显示的效果。