三个点依次起跳，轻量级等待指示器
← 返回 加载 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .dtj{display:flex;gap:10px;align-items:center;justify-content:center;height:140px}
.fx .dtj i{width:14px;height:14px;border-radius:50%;background:#4a9eff;animation:kfx-dtj .6s ease-in-out infinite}
.fx .dtj i:nth-child(2){background:#f778ba;animation-delay:.15s}
.fx .dtj i:nth-child(3){background:#57ab5a;animation-delay:.3s}
@keyframes kfx-dtj{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-16px);opacity:1}}<div class="fx">
<div class="dtj"><i></i><i></i><i></i></div>
</div>