"加载中"后面的点点点循环出现,极简文字加载
← 返回 加载 类特效列表上方为纯 CSS 实时演示,直接将鼠标移上去 / 点击感受效果
.fx .elp{height:150px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#9aa7b8}
.fx .elp::after{content:"";animation:kfx-elp 1.5s steps(4,end) infinite}
@keyframes kfx-elp{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}<div class="fx">
<div class="elp">加载中</div>
</div>