公司业务一个简单需求loading文字动画,不想用js实现,问过GPT后学习css写法

效果预览

代码实现

 @keyframes text-change {
    0% { content: "."; }
    33% { content: ".."; }
    66% { content: "..."; }
  }

  .text_loading_animation::after {
    content: '.';
    animation: text-change 2s infinite;
  }

需要添加文字动画的直接添加这个class就好了

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注