循环与氛围 · 一直在重复
液态路径形变Liquid path morph
- 一直在变形
- 像有弹性
- 边缘在流
几个装饰形状一直在缓慢地变形:边缘一点点鼓起来又凹下去,像有弹性的液体,几秒一个来回,永不停止。形状的位置和大小都没变,变的是轮廓本身。
什么时候用它
背景装饰、品牌图形、分隔形状、加载占位用它;有信息含义的图形(图标、图表)别用 —— 形状在动,用户就读不出它是什么了。
参数
interpolate <path> d between two vertex sets · same vertex count required · 3–6s easeInOutSine · alternate, infinite
配方
液态路径形变 → 6s条件 interpolate <path> d between two vertex sets液态路径形变 → same vertex count required · 3–6s easeInOutSine · alternate, infinite
给 AI 的一句话
让这几个装饰形状无限形变:准备两组顶点数相同的 <path> 坐标,逐顶点在它们之间插值,每帧把结果写回 d 属性;3 到 6 秒一个来回、easeInOutSine、alternate 无限循环。顶点数必须一致,否则会跳。不要动形状的位置和尺寸。