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

效果预览

代码实现

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

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

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

原文地址:https://blog.csdn.net/gaokaikai1996/article/details/134717208

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_13153.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

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