如何用css实现打字效果

效果图如下：

---

实现思路：

1 用animation-timing-function: steps()属性，设置动画的速度曲线。steps的意思是，将动画分为几步展示。

2 先将盒子的宽度设为0，并设置右边框实现光标效果。

3 将最终动画的盒子宽度设置为 字体大小 x 字体数量 px，然后steps处填（字体数量）

4 最后给盒子设置overflow：hidden 即可实现每次出现一个字。

---

具体代码如下：

    
    
    
    



    
好好学习好吧