Cursor Trail (커서 트레일)

도형이나 레이블이 스프링처럼 또는 부드럽게 늦춰진 채 포인터를 따라다닙니다.

[적용할 곳]에 커서 팔로워(Cursor Follower)를 넣어 줘. 팔로잉 포인터(following pointer), 스무스 커서(smooth cursor)라고도 불러.
작고 둥근 마커가 부드럽게 늦춰진 채 포인터를 따라가다가, 포인터가 멈춘 자리에 미끄러지듯 딱 멈추게 해 줘. 튕김 없이.
실제 포인터는 계속 보이게 두고, 마커가 절대 클릭을 막지 않게 하고, 터치 기기에서는 빼 줘.

기본 화살표 대신 꾸민 점이나 링이 나타나고, 상호작용 요소 위에서 모양이 바뀝니다.

[적용할 곳]에 커스텀 커서(Custom Cursor)를 넣어 줘. 애니메이티드 커서(animated cursor), 커서 대체(cursor replacement)라고도 불러.
기본 화살표 대신 포인터를 정확히 따라가는 작은 점과 살짝 뒤처져 따라오는 링을 보여 주고, 링크와 버튼 위에서는 링이 부드럽게 커지게 해 줘.
터치 기기와 텍스트 입력란에서는 기본 커서를 그대로 두고, 커스텀 커서가 클릭을 절대 막지 않게 해 줘.

포인터가 가까이 오면 요소가 그쪽으로 끌려가고, 멀어지면 제자리로 튕기듯 돌아옵니다.

[적용할 곳]에 마그네틱 버튼(Magnetic Button) 효과를 넣어 줘. 마그네틱 타깃(magnetic target), 마그네틱 호버(magnetic hover)라고도 불러.
포인터가 가까이 오면 버튼이 그쪽으로 조금 끌려가고 라벨은 조금 더 움직이게 해 줘. 포인터가 떠나면 살짝 튕기며 제자리로 돌아오게.
주변 레이아웃이 밀리지 않게 하고, 터치 기기와 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 끌림을 꺼 줘.

작은 선들이 자석 주변의 철가루처럼 포인터 쪽을 향해 방향을 돌립니다.

[적용할 곳]에 자석 철가루(Magnetic Filings) 효과를 넣어 줘.
격자로 늘어선 짧은 선들이 자석 주변의 철가루처럼 각자 곧바로 포인터를 똑바로 가리키게 하고, 포인터가 없을 때는 모두 가운데를 향하게 해 줘.
클릭을 절대 막지 않는 장식용 배경으로 두고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 선을 멈춰 둬.