请列举 CSS3 中 transform 属性的常见取值，并说明各自的功能差异。
考察说明
考查对 CSS3 transform 属性基本函数及用途的理解。
回答思路
- 【回答框架 1】transform 用于对元素进行二维或三维变换，常见函数包括 translate、rotate、scale、skew 和 matrix。translate 用于移动元素，rotate 用于旋转，scale 用于缩放，skew 用于倾斜。
- 【回答框架 2】translate 接受长度或百分比值，可指定 X 和 Y 方向，如 translate(10px, 20px)；rotate 接受角度值，如 rotate(45deg)；scale 接受无单位数值，如 scale(1.5)；skew 接受角度，如 skew(10deg, 20deg)。
- 【回答框架 3】matrix 是更底层的变换函数，接受 6 个数值参数，可组合平移、缩放、旋转和倾斜；此外还有 translateX、translateY、scaleX、scaleY 等单轴函数。
- 【关键点 1】translate 用于移动，rotate 用于旋转，scale 用于缩放，skew 用于倾斜，matrix 是综合变换。
- 【关键点 2】各函数可组合使用，例如 transform: translate(10px) rotate(30deg) scale(1.2)。
- 【易错点 1】transform 不影响文档流，但会创建新的层叠上下文。
- 【易错点 2】旋转和缩放基于 transform-origin 设定原点，默认是元素中心。