下面小编就为大家带来一篇打字效果动画的4种实现方法(超简单)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

方法一(纯css实现)： html代码： 打字动画打字动画打字动画 css样式： .typing{ font-size: 1rem; padding-top: 6%; margin-bottom: 5%; font-weight: normal; letter-spacing: .3rem; -webkit-animation: type 2s steps(50, end) forwards; animation: type 2s steps(50, end) forwards