[代码分享]纯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

看完文章or资源,小编奖励大家支付宝红包一个,可领高达99块,每天都能领一次,支付宝举办的,100%安全。

已有6102人领取了红包,红包使用方法,请戳>>

扫码关注资源坊68bt.cc

本博客所有文章如无特别注明均为转载于网络,版权为原作者所有如侵权请在相应文章下留言谢谢合作。
复制或转载请以超链接形式注明转自 资源坊友情提示:微信扫码可订阅本博客!
原文地址《[代码分享]纯css实现打字效果

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)