纯css实现打字效果
以下几行css代码可以实现打字机的效果
css部分:
.print{ width:250px; 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;} }
调用
<p class="print">这里加入文字内容</p>
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《IT技术宅》。
- 本文网址:https://www.ilt.me/dmfx/16.html
- 上篇文章:css自适应常用语句
- 下篇文章:双击鼠标实现页面自动滚屏的效果