Circular Text
Text on an SVG path, turning slowly. One rotation on the whole SVG; the letters do the rest.
Usage
Meant for
Examples
On a Avatar
Text on an SVG path, turning slowly around an avatar. One rotation on the whole SVG and the letters do the rest — rotating each letter on its own would need one element per character and would drift out of alignment on the curve. The SVG is drawn 1:1 (viewBox = size), so text-xs really is 12px.
MW
The class is wm wm-circular-text — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.