三点跳动加载 | wjs-css-effects

关键点

三个点通过 animation-delay 依次延迟，形成上下跳动的波浪节奏
使用 transform: translateY() 实现垂直位移，配合 ease-in-out 缓动让跳动更自然
通过 @keyframes 定义 0%、50%、100% 三个关键帧，模拟"上去-下来"的完整弹跳周期
三点共用同一动画，仅靠 animation-delay 错开时间，代码简洁且易维护
弹性动画可调整 animation-duration 控制跳动速度，值越小节奏越快

效果说明

三个圆点波浪式跳动的加载动画。每个点执行相同的 translateY 上下跳动，通过 animation-delay 错开延迟，形成连续的波浪起伏。相比转圈加载，跳动加载更轻盈、节奏感更强，适合轻量级场景。