CSS3 Animated Property Series transform fine spin rotate

1. Syntax:

Transform:none | <transform-function> [<transform-function>]*

2. Value:

• None----not be changed
• <transform-function>----One or more transform functions, separated by spaces

can be used for inline elements and block-level elements that can be rotated, scaled, moved, and so on. Specific as follows:

• Rotate---rotation

Java code

2. /*
4. Rotate (<angle>)
6. Assigns a 2D rotation to an element by the specified angle
8. Need to have a definition of the Transform-origin attribute first
10. Transform-origin is the base point of rotation
12. Angle is the angle of rotation, positive value indicates clockwise, negative value is counterclockwise
14. Deg is the meaning of degrees, such as 60deg means 60 degrees
16. */
18. #test {
20. Transform:rotate (60DEG); //W3C Standard
22. -webkit-transform:rotate (60DEG); //webkit kernel for safari and chrome
24. -moz-transform:rotate (60DEG); //ff
26. -o-transform:rotate (60DEG); //opera
28. -ms-transform:rotate (60DEG); //IE9
30. }

CSS3 Animated Property Series transform fine spin rotate