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)
d 缩放(scale Y)
c 倾斜(skew X)
b 倾斜(skew Y)
tX 移动(move X)
tY 移动(move Y)
origin 原点 X-axis
origin 原点 Y-axis
CSS STYLE
transform : matrix( 1, 0, 0, 1, 0, 0 ); transform-origin : 0% 0%;
CSS3 Transform Matrix 变形矩阵是二维或三维的矩阵,可以在必威体育手机客户端中用来对网页 html 元素进行平移、缩放、旋转、倾斜等操作,并且可以在网页二维或三维空间中转换元素位置。