CSS element deformation transfrom

none Definitions are not converted. test
matrix(n,n,n,n,n,n) Defines a 2D transformation, using a matrix of six values. test
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) Defines a 3D transformation, using a 4x4 matrix of 16 values.  
translate(x,y) Define 2D transformations. test
translate3d(x,y,z) Define 3D transformations.  
translateX(x) To define a transformation, just use the value of the X axis. test
translateY( y ) To define a transformation, just use the Y-axis value. test
translateZ ( z ) To define a 3D transformation, just use the Z axis value.  
scales ( x , y ) Defines the 2D scaling transformation. test
scale3d(x,y,z) Defines the 3D scaling transformation.  
scaleX(x) The scaling transformation is defined by setting the value of the X axis. test
scaleY(y) The scaling transformation is defined by setting the value of the Y axis. test
scaleZ(z) The 3D scaling transformation is defined by setting the value of the Z axis.  
rotate(angle) Define the 2D rotation, specifying the angle in the parameters. test
rotate3d(x,y,z,angle) Define 3D rotation.  
rotateX(angle) Defines the 3D rotation along the X axis. test
rotateY(angle) Defines the 3D rotation along the Y axis. test
rotateZ(angle) Defines the 3D rotation along the Z axis. test
skew(x-angle,y-angle) Defines a 2D tilt transformation along the X and Y axes. test
skewX(angle) Defines the 2D tilt transformation along the X axis. test
skewY(angle) Defines the 2D tilt transformation along the Y axis. test
perspective(n) Defines a perspective view for 3D transformation elements. test

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325212988&siteId=291194637