Reference index / 포인터·호버·클릭 인터랙션
Animated Link Underline
An underline expands from the left on hover and focus.
Try the example
When to use it
Interact with the card, then copy its standalone HTML example.
Caveats and distinctions
An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected.
Implementation and classification
UI·UX 모션 / 포인터·호버·클릭 인터랙션 / HTML · CSS · JavaScript
Sources and verification status
https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events
Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.