IT技术资源整理
及综合资源分流

CSS实现字体简单的打字效果

效果:

GLUMI – 专注于网络技术交流及分享

css代码 ↓


.print{ width:100%; white-space:nowrap; overflow:hidden; -webkit-animation: dy 3s steps(60, end) infinite; animation: dy 3s steps(50, end) infinite; } @-webkit-keyframes dy{ from { width: 0;} } @keyframes dy{ from { width: 0;} }

 
 
html部分 ↓

<p class="print">GLUMI - 专注于网络技术交流及分享</p>
来源于互联网,版权归互联网原著作者所有:GLUMI » CSS实现字体简单的打字效果
标签:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏