SVG & Shape

Shape Morph (形状变形)

别称 Path Morphing, SVG Morph, MorphSVG, Shape Tweening

一个矢量形状平滑地变成另一个形状。

图标状态切换、首屏主视觉

  • path d interpolation
  • mismatched point morph
  • multi-shape morph

查看演示源码

提示词

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。

在[应用位置]添加“形状变形”(Shape Morph),也叫路径变形(path morphing)或 SVG morph。
一个形状平滑地变成另一个形状,比如五边形向内收缩成星形,各个点以均匀、从容的节奏滑到位置上。
让两个形状拥有数量相同且一一对应的点,使变形干净、不闪烁;每次状态变化时播放一次,不要循环。

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。