CSS实现单行文字加载效果

2025年06月04日

效果

折腾猫正在持续等待着一个心仪的人

代码

<style>
.text-loading:after{
  content: "...";
  animation: text-loading 2s infinite;
}

@keyframes text-loading {
  25%{
    content: ".";
  }
  50%{
    content: "..";
  }
  100%{
    content: "...";
  }
}
</style>
<p class="text-loading">折腾猫正在持续等待着一个心仪的人</p>

字符数: 0

单词数: 0

行数: 0

返回首页

关于博主

LBZCC的博主

热爱写作与分享

欢迎来到我的个人博客！这里记录我的思考、经验和生活点滴。希望我的文章能给您带来一些启发或帮助。

CSS实现单行文字加载效果

效果

代码

关于博主

LBZCC的博主

最新文章

分享文章