状态之间的转换A 变成 B
在同一个界面里，内容从 A 样子变成 B 样子的过程。
12 条动效
- 交叉淡化Crossfade 旧内容变透明的同时新内容变清晰，两者有一小段重叠，中间不会出现空白
- 形变Morph 同一个东西改变形状、尺寸或圆角，从一种样子连续变成另一种样子，过程中始终是同一个元素
- 共享元素转场Shared element transition 列表里的缩略图在打开详情页时飞到新位置并放大，让两个页面看起来是同一个空间
- 布局动画Layout animation 元素增删或换位置时，其余元素平滑地让开或补位，而不是瞬间跳到新位置
- 手风琴折叠Accordion 一块内容展开或收起时，它的高度平滑变化，下面的内容被顺势推开或收回
- 有方向感的转场Direction-aware transition 前进时新页面从右侧进入、返回时从左侧进入，方向和用户的导航动作保持一致
- 像素溶解Pixel dissolve 下一张图不是淡进来的，是一格一格「长」出来的：每一格有自己的阈值，阈值 = 对角位置 + 一点随机，所以溶解斜着扫过去，而且不是齐刷刷的
- 形状蒙版转场Shape overlay transition 点一下，几条色块从下往上扫满整屏，把旧内容盖住，再从上方退出 —— 露出的是新内容
- 卡片撑满全屏Card unfurl to fullscreen 点一张圆角卡片，它连着圆角一起长大铺满整屏；里面的图同时反向缩小，所以看起来像取景框被拉开，而不是照片被放大 —— 中间不会糊
- 整页掀起转场Scroll-anchored page flip 点进下一页时，当前这页像一张纸从你视线的下方被掀起、往外翻走，翻的时候还带一点旋转；新页面从屏幕底下整屏升上来
- 原点圆形扩散Circle-origin reveal 点那个图标，一整层内容不是淡入、也不是从边上推入，而是从图标所在的那个点像水波一样画出一个圆，圆越来越大直到铺满整屏；再点一下，圆又缩回同一个点
- 着色器图像过渡Shader image transition 两张图之间的切换不是淡入淡出：画面像被水波或沙粒从一处推开，边缘扭曲着把新图顶出来，中途能看见两边的花纹绞在一起