true-focus

name	true-focus
description	Words sit softly blurred; one snaps into focus at a time — leads the eye across a short phrase. One per view; short phrases. Under prefers-reduced-motion all words stay sharp.
triggers	["true focus","blur focus text","聚焦文字","逐词聚焦"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

true-focus

Words blur except the focused one. Dependency-free, reduced-motion safe.

How to apply

Copy css+js; add class tf to a heading. Auto-splits by word.