位移与变换移动、旋转、缩放
元素在不改变内容的前提下，改变自己的位置、角度和朝向。
7 条动效
- 位移Translate 把元素沿着 X、Y 或 Z 轴整体挪动一段距离，形状不变，只改位置
- 旋转Rotate 让元素绕着一个点转一定角度，常用来表达打开与收起，或者正在加载
- 斜切Skew 把矩形沿着一个方向推斜，让它变成平行四边形，看起来像被风吹了一下
- 3D 倾斜3D tilt 根据鼠标或手指的位置，让卡片在三维空间里轻微转向，像被光扫过一样
- 变换原点Transform origin 指定缩放和旋转围绕哪一个点发生，默认是元素的正中心
- 从触发点生长Origin-aware animation 弹层从被点击的那个按钮的位置长出来，收回时也回到同一个点，让人一眼看懂它从哪来
- 拖拽环绕 3D 展厅Drag-orbit 3D showroom 按住往左右拖，动的不是商品，而是你绕着货架在转：近的物件走得快、远的走得慢，拖起来有重量、松手还会滑一段