纯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自适应常用语句
- 下篇文章：双击鼠标实现页面自动滚屏的效果
![[活动分享]17元注册.CC域名！10年170元](http://i3.tietuku.com/8f355b9267dd2127.jpg)
