Recognize CSS3 Transform properties

Definitions and properties

The Transform property applies a 2D or 3D conversion to an element. This property allows us to rotate, scale, move, or skew elements.

Note: Opela does not support 3D conversion IE9 above browser support support

Translate3d (x, Y, z) 3d translation change × y z refers to the shifted pixel

Rotate3d (X,y,z,angle) 3d rotation x y z value is the angle angle=45deg the actual rotation between 0-1

The Scale3d (x, Y, Z,) 3d scaling × y is also between 0-1

where Rotate3d and Scale3d can be used in conjunction with the Transform-origin (horizontal direction, vertical direction) to use, only set the Truansform This center point is useful

Finally say the X Y Z of a general definition and rotation of the situation, it is more troublesome because I do not have three-dimensional feeling, so I looked up all kinds of information asked a friend to find this ~

Recognize CSS3 Transform properties