커서를 따라다니는 라디얼 글로우가 카드 안을 비추고, 같은 지점의 테두리가 밝게 달아오른다. JS는 좌표 전달만, 그리기는 전부 CSS. 터치 기기는 정적 카드.
커서 추적 글로우
마우스 위치를 CSS 변수로 넘기고, 라디얼 그라디언트가 그 지점을 비춥니다.
테두리 하이라이트
같은 좌표의 보더 링이 마스크로 잘려 커서 주변만 밝게 달아오릅니다.
JS 최소
그리기는 전부 CSS입니다. JS는 좌표 전달만 합니다. 터치 기기는 정적 카드입니다.