打字机效果演示,两口酸奶,你一口我一口。

纯css实现打字机效果

css代码

div {
overflow: hidden;
font-size: 20px;
width: 0;
height: 30px;
background-color: pink;
/* 让我们的文字强制一行内显示 */
white-space: nowrap;
/* steps 就是分几步来完成我们的动画 有了steps 就不要在写 ease 或者linear 了 */
animation: w 4s steps(10) forwards;
}

@keyframes w {
0% {
width: 0;
}
100% {
width: 200px;
}
}

html代码

<div>两口酸奶我在这里等你</div>

给TA挤奶
共{{data.count}}人
人已挤奶
看看

2021趣看第30期:火

2021-3-2 0:00:00

杂杂

“许岚LAN”死库水黑丝JK

2022-4-17 0:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索