Back to Animations
Pulse Ring
脉冲光环
Concentric rings pulse outward from the element center. Ideal for status indicators, online badges, and attention cues.
Micro-interactionContinuousBeginnerGPU Accelerated
Preview
Code
Duration
2s
Easing
ease-out
CSS Properties
box-shadow, opacity, transform
Use Cases
- Online/active status indicator
- Notification attention beacon
- Live streaming indicator
- New feature highlight dot