CSS3 the difference between flipping and rotating

I have always thought that the rotation and the same as the flip, today, I have rotated for a long time to find and flip almost point, tangled more than 10 minutes to clear, only to 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)

-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:

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

Flip vertically:

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

A very strong brother (@ Sangnijen) Blog: http://blog.sina.com.cn/s/blog_74d6cedd0100v9bk.html