文字特效 · 字怎么动
环绕文字Text on a path
- 装饰
- 有秩序
- 持续
文字不再排成一行，而是钉在一条曲线上：一圈印章慢慢转，下面一条弧上的字往前流。字母的位置由路径决定，所以它天生是弯的、也天生会动。
什么时候用它
适合做「圆形徽章 / 印章」这种可以一直转的装饰：品牌标、加载中的封条、页面角落的氛围件。不要用它排要读的正文 —— 字一旦弯了，读速会掉一半；也不要让两圈文字朝相反方向转，那会让人不知道该看哪一圈。整页用到一处就够。
参数
SVG textPath · seal 26s per turn (linear) · arc startOffset 0→300 loop
配方
环绕文字 → startoffset 0 → 300 loop @ 26s
给 AI 的一句话
做一圈环绕文字：用 SVG 的 textPath 把文字挂到一条圆形路径上（半径 72，viewBox 200×200），整圈以 26 秒一圈匀速旋转；再用第二条 textPath 挂到一条 Q 曲线弧上，靠不断加大 startOffset（0 到 300 循环）让字沿弧线往前流。位置交给路径决定，不要一个字一个字摆角度 —— 那样字距会在曲率大的地方挤在一起。文字用全大写、字距 0.1em，颜色取当前强调色。