1× · 5.2 s
Accessibility Focus Ring
CSSA focus ring steps down a stack of four controls in the order the DOM gives them, each control brightening as the ring lands around it.
The Free licence asks for one visible credit per page: Animation by Pulsar, linked to Pulsar. The credit line is that link, ready to paste. The snippet itself carries attribution in a comment and in the SVG’s metadata, and never links anywhere on click. Licence
- Tier
- CSS
- Dependencies
- None
- Duration
- 5.2 s, loops
- Categories
- Icons and micro-interactions
- Use cases
- Navigation and wayfinding, Compliance and audit
- Industries
- SaaS and software, Government and public sector
- Style
- Minimal line · light stroke
- Set
- accessibility
- Tags
- uiringstaggerloopminimal
Companion assets
The same artwork, not animated. Derived from the entry’s own resting state, so it matches exactly.
From this family15 in Accessibility
See the familyAccessibility Contrast Ratio
Accessibility Error Description
Accessibility Escape Release
Accessibility Landmark Map
Accessibility Live Region
Accessibility Visible Focus
Accessibility Skip Link
Accessibility Reduced Motion
Accessibility Tabindex Jump
Accessibility Touch Target
Accessibility Large Text Threshold
Accessibility Keyboard Trap
Accessibility Tree Walk