CSS3 deformation of understanding
1.css3 transfrom is deformed elements
2.transform 2D / 3D conversion 2D or 3D conversion application properties to the element. This property allows us to rotate, tilt, zoom or move the elements.
3.transfrom-rotate by a specified angle function means that the parameter element is rotated relative to the origin. It operates mainly in two dimensions, an angle value is used to specify the magnitude of the rotation. If this value is positive, clockwise rotation of the elements relative to the center of the origin; if the value is negative, the central element rotated counterclockwise relative to the origin.
4.skew tilt function allows the display element. It may be an object around the X-axis and Y-axis center position thereof inclined at a certain angle. This rotate () function different rotation, rotate () function simply rotates without changing the shape of the element. skew () function does not rotate, but only the shape change elements.
5.scale used to implement the scaling processing text or image, the scaling factor specified in the parameters.
6.translate for moving text or image, the moving distance designated movement distance in the horizontal and vertical directions, respectively in the parameters.
Reproduced in: https: //juejin.im/post/5d012b8c51882528194a91b8