纯css实现简单的打字效果

以下几行代码可以实现纯css实现打字机的效果。

css部分:

  1. .print{
    width:250px;
    whitespace:nowrap;
    overflow:hidden;
    webkitanimation: dy 3s steps(60, end) infinite;
    animation: dy 3s steps(50, end) infinite;
    }
    @-webkitkeyframes dy{
    from { width: 0;}
    }
    @keyframes dy{
    from { width: 0;}
    }

html部分:

  1. <p class=“print”>SBKKO 新颖的创意,精美的视觉</p>

时光资源网平台互联网从业者提供精品源码下载和建站资源的交流分享
时光资源网-大蓝网络科技 » 纯css实现简单的打字效果

提供最优质的资源集合

立即查看 了解详情