学习css3动画--撸个打字效果

笔记记完了,看一看,写一写,撸个小东西玩玩,不多BB,show code
(假装这个是完美的打字效果)

测试一下这个CSS3的打字效果哈

body {
    background: black;
    color: #fff;
}

h1 {
    width: 32rem;
    margin: 1em 1em;
    white-space: nowrap;
    overflow: hidden;
    animation: typing 3s steps(26, end) infinite alternate;
}

@keyframes typing {
    from {
        width: 0;
    }
}

额。。。好像有那么点不对劲。。


你可能感兴趣的:(学习css3动画--撸个打字效果)