17-[案例4]页面动态打字效果
需求：实现打字机动态打字效果
知识点：CSS动画属性，steps()
<p>你好世界你好世界你好世界你好世界你好世界你好世界p>
@keyframes pMove{from{width: 0;}to{width: 100%;}
}p{/* steps(参数) 参数可以填数字，表示当前这段动画分了多少帧 */animation: pMove 3s steps(20) infinite;white-space: nowrap;overflow: hidden;
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！