target-cursor

name	target-cursor
description	An animated target ring replaces the cursor and grows when it hovers buttons/links — a focused, techy pointer. One per page. Off on touch and under prefers-reduced-motion.
triggers	["target cursor","ring cursor","靶心光标","吸附指针"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

target-cursor

Target Cursor Dependency-free, reduced-motion safe.

How to apply

Copy target-cursor.js and include it. Add class tc-target to any element to enlarge the ring over it.