Reference index / 포인터·호버·클릭 인터랙션

Hover Opacity Fade

호버 투명도 페이드 · atlas-live-hover-fade

Opacity changes in response to hover, focus, or tap.

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

구현 API 참고문서 · 공식 문서 참고 · 자체 제작 예제

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.