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 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。