最近做项目，有需求实现一个字符逐个出现，类似于打字机效果，于是上网搜了相关资料，接下来，小编就给大家详细介绍基于Css3和JQuery实现打字机效果，需要的朋友可以参考下

先给大家附上效果图： 最近做项目的时候需要实现一个字符逐个出现的打字效果，用css的clip+css的动画实现的，与自己写的打字机效果相结合，整 理一起，效果很赞。 先来说说这个线条，我们会看到它是条，实际上就是个四周border有规律的显示隐藏，那么这里必定会想到after，before属性， 我们暂且先考虑after。 先建立一个box，然后after一个边框 .box:before{ content: ''; position: absolute; width:px;he