CSS3 Transform Transform

CSS3 Transform Transform

1, translate (x, y) set the box displacement
2, scale (x, y) set box scaling
3, rotate (deg) set box rotation
4, skew (x-angle,y-angle) set box oblique cut
5. Perspective Set Perspective distance
6, Transform-style Flat | Preserve-3d Set whether the box is displayed in 3d space
7, TranslateX, Translatey, Translatez set three-dimensional mobile
8, Rotatex, Rotatey, Rotatez set three-dimensional rotation
9, ScaleX, ScaleY, Scalez set three-dimensional scaling
10, Tranform-origin set the center point of the deformation
11, Backface-visibility set the back of the box is visible

Example: (flip side effect)

<! DOCTYPE html>

CSS3 Transform Transform