状态之间的转换 · A 变成 B
形变Morph
- 连续
- 聪明
- 一体
同一个东西改变形状、尺寸或圆角，从一种样子连续变成另一种样子，过程中始终是同一个元素。
什么时候用它
元素身份不变、只是外形变了（比如按钮变输入框）时用它；换了内容的用“交叉淡化”。
参数
300ms · ease-in-out · border-radius: 8px→24px + size animates in sync
配方
形变 → border-radius 8px → 24px @ 300ms ease-in-out
给 AI 的一句话
让这个按钮在点击后形变成输入框：宽高和 border-radius 从 8px 过渡到 24px，300ms ease-in-out，始终保持同一个元素不销毁。