纯CSS简单实现的炫酷打字效果

投稿作者:小傲世 围观人数:31 所属分类:好玩的网页代码
.asprint {
    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;
    }
}

上方为CSS代码,下方为HTML代码

<p class="asprint">纯CSS简单实现炫酷打字效果~~~</p>

纯CSS简单实现炫酷打字效果~~~

the end
免责声明:本文来自鸿哥资源网发布,但不代表本站的观点和立场。
已有次赞
我要评论 0条评论,0条回复
请先登录后再评论

登录您的账号