Movement & TransformsMove, rotate, scale
Changing an element's position, angle and orientation without changing its content.
7 motions
- Translate位移 Moving the element as a whole along the X, Y or Z axis
- Rotate旋转 Spinning the element by an angle around a fixed point, often used to show open versus clos…
- Skew斜切 Pushing a rectangle sideways so it becomes a parallelogram, as if a gust of wind had just …
- 3D tilt3D 倾斜 The card turns slightly in 3D space following the pointer, as if light were sweeping acros…
- Transform origin变换原点 The point that scaling and rotation pivot around
- Origin-aware animation从触发点生长 The popover grows out of the button that was clicked and returns to the same point when it…
- Drag-orbit 3D showroom拖拽环绕 3D 展厅 Drag left or right and it is not the products that move — you orbit the shelf