公司业务一个简单的需求loading...文字动画,不想用js实现,问过GPT后学习了css写法
效果预览
代码实现
@keyframes text-change {
0% { content: "."; }
33% { content: ".."; }
66% { content: "..."; }
}
.text_loading_animation::after {
content: '.';
animation: text-change 2s infinite;
}
需要添加文字动画的直接添加这个class就好了