安装npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-morph.json
- 目的
- 让一个形状平滑变为另一个形状，并保持对象身份连续。
- 触发
- 由对象状态真正改变时触发，前后形状应具有可理解的对应关系。
- 可中断性
- 中断时从当前插值形状转向新目标，避免回到任一端点。
- 减弱动效
- 使用静态状态替换或短交叉淡化，同时保持对象位置与尺寸连续。
morph形变一个形状平滑地变成另一个形状，例如灵动岛。
continuity-transition连续性过渡通过视觉连接变化前后的状态来帮助用户保持方位感，例如让同一个矩形放大或缩小。
shared-element-transition共享元素过渡同一个元素从一个位置移动并变换到另一个位置，例如缩略图展开成卡片。
layout-animation布局动画元素尺寸或位置变化时，以动画移动到新状态，而非瞬间跳变。