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