9.css3 animation -2D / 3D deformation

transform:

  None not converted.

  Translate (x, y) by providing the X moving axis value.

  translateY (y) by providing the Y moving axis value.

  Scale (x, y) is defined 2D scale.

  ScaleX (x) by setting X to zoom in shaft.

  The ScaleY (y) by setting y to axis scaling. 

  Rotate (45deg) the angle of rotation.

  Rotate (45rad) radian rotation.

  Skew (x-angle, y- angle) inclined.

  SkewX (angle) along the x tilt axis.

  skewY (angle) along the y tilt axis.

Transform-origin: changing the reference point.

  Pixels or percentage.

  x轴:left/right/center

  y -axis: Top / bottom / Center

3D deformation, that is, the 2D based on the deformation, the multi- z axes Parameters.

 

 

Guess you like

Origin www.cnblogs.com/chenJieLing/p/11714605.html