CSS3 transform matrix(a, b, c, d, tX, tY) 变形矩阵

CSS3 Transform 变形矩阵用于在网页二维或三维空间中转换元素位置、大小和形状的技术。基于矩阵运算,可以通过指定的旋转、缩放、平移和斜切操作的矩阵来实现变换效果,例如平移矩阵、缩放矩阵、旋转矩阵、斜切矩阵、透视矩阵、用于在三维空间中模拟透视效果。

transform : matrix( 1, 0, 0, 1, 0, 0 ) 初始的值

(参数为数字,不需要单位)

使用 CSS3 transform-function 之特性控制元素的旋转、倾斜、缩放、移动。
其中 matrix 综合了复杂的变形,矩阵的数值不容易直觉的方式来计算,介由其中六个参数单独变化来体会特性。

e
a 缩放(scale X)1
d 缩放(scale Y)1
c 倾斜(skew X)0
b 倾斜(skew Y)0
tX 移动(move X)0
tY 移动(move Y)0
origin 原点 X-axis0
origin 原点 Y-axis0

CSS STYLE

transform : matrix( 1, 0, 0, 1, 0, 0 ); transform-origin : 0% 0%;


CSS3 Transform Matrix 变形矩阵是二维或三维的矩阵,可以在必威体育手机客户端中用来对网页 html 元素进行平移、缩放、旋转、倾斜等操作,并且可以在网页二维或三维空间中转换元素位置。