CSS3 the difference between flipping and rotating

I used to think that the rotation and the same as flipping, today's own rotation for a long time to find and flip almost point, tangled more than 10 minutes to understand, can only blame their three-dimensional too bad.
CSS3 in the transform in the rotation, contraction, tilt, the function of translation, respectively, the corresponding properties are: Rotate,scale,skew,translate
Rotation: (rotate)

0.-webkit-transform:rotate (10DEG);
0.-moz-transform:rotate (10DEG);
0.transform:rotate (10DEG);
-webkit-transform:rotate (10DEG);
-moz-transform:rotate (10DEG);
Transform:rotate (10DEG);
Flip: (Scale)

(This property is the function of the indentation, how can be flipped!) Original brackets inside (the first) represents the x-axis, the latter represents the y-axis, when the number is greater than 1 o'clock magnification, greater than 0 and less than 1 o'clock reduction, negative for flipping)
Flip horizontally:

0.-webkit-transform:scale ( -1,1);
0.-moz-transform:scale ( -1,1);
0.transform:scale ( -1,1);
-webkit-transform:scale ( -1,1);
-moz-transform:scale ( -1,1);
Transform:scale ( -1,1);
Flip vertically:


0.-webkit-transform:scale (1,-1);
0.-moz-transform:scale (1,-1);
0.transform:scale (1,-1);
-webkit-transform:scale (1,-1);
-moz-transform:scale (1,-1);
Transform:scale (1,-1);

CSS3 the difference between flipping and rotating