脉冲呼吸加载 | wjs-css-effects

关键点

脉冲效果由多层同心圆组成，通过 transform: scale() 从中心向外扩散
每层圆设置不同的 animation-delay，形成连续不断的涟漪扩散感
同步使用 opacity 从 1 渐变到 0，让扩散的圆自然淡出消失
用伪元素 ::before、::after 或多个子元素实现多层环，减少 DOM 复杂度
动画时长和延迟时间的比例决定脉冲密度，通常每层错开总时长的 1/3

效果说明

脉冲呼吸式加载动画。三层同心圆通过 scale 由小到大向外扩散，同时 opacity 从不透明渐变到透明，配合错开的 animation-delay，形成连续向外推送的脉冲波。整体柔和、有呼吸感，适合需要"轻量提示"的等待场景。