自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 问题汇总 >

[已解决]CSS3实现网站文字打字效果

作者:灰牛站长•发布时间:2021-07-24 14:05:22•浏览

CSS3实现网站文字打字效果

<p class="print">CSS3实现网站文字打字效果</p>
<style>
@keyframes cursor {
50% {
border-color: transparent;
}
}
@keyframes text {
from {
width: 0;
}
}
.print {
width: 35ch;
border-right: solid 1px #000;
white-space: nowrap;
overflow: hidden;
font: 28px monospace;
animation: cursor 1s infinite step-end, text 4s steps(35);
}
</style>

相关文章

手机端