Blob Morph (液態團塊變形)
別稱 Morphing Blob, Animated Blob, Blob / Morphing Loader, Gooey loader, Morph loader
一團有機形狀持續不斷地改變自身輪廓。
適用情境
背景、頭像和按鈕
變體
- CSS border-radius
- SVG path
- masked image blob
提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「液態團塊變形」(Blob Morph) 循環動畫，也叫 morphing blob 或 animated blob。
一團有機形狀一邊緩緩轉動，一邊不停地慢慢改變輪廓：流暢柔和，沒有尖角。
循環要無縫銜接，形狀不能跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。