v147 · Animated Text Path

Animated Text Path

Animate text along an inline path attribute on <textPath>. The fallback href path stays in the SVG so you can remove or clear the inline path and see how the browser recovers.

controls

Failure mode
Animated inline text path preview Blue dashed line is the inline path attribute. Rose dashed line is the href fallback path. Chrome 147 uses the inline textPath path attribute.

live code



  

    
references

    
  


  

    
implementation reference

    
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗