五根彩条此起彼伏，像在播放音乐的均衡器
← 返回 加载 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .eqb{height:150px;display:flex;gap:6px;align-items:flex-end;justify-content:center;padding-bottom:40px}
.fx .eqb i{width:12px;height:14px;border-radius:6px;background:linear-gradient(#4a9eff,#a371f7);animation:kfx-eqb 1s ease-in-out infinite}
.fx .eqb i:nth-child(2){animation-delay:.15s}
.fx .eqb i:nth-child(3){animation-delay:.3s}
.fx .eqb i:nth-child(4){animation-delay:.45s}
.fx .eqb i:nth-child(5){animation-delay:.6s}
@keyframes kfx-eqb{0%,100%{height:14px}50%{height:64px}}<div class="fx">
<div class="eqb"><i></i><i></i><i></i><i></i><i></i></div>
</div>