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:
Java code
- /*
- Rotate (<angle>)
- Assigns a 2D rotation to an element by the specified angle
- Need to have a definition of the Transform-origin attribute first
- Transform-origin is the base point of rotation
- Angle is the angle of rotation, positive value indicates clockwise, negative value is counterclockwise
- Deg is the meaning of degrees, such as 60deg means 60 degrees
- */
- #test {
- Transform:rotate (60DEG); //W3C Standard
- -webkit-transform:rotate (60DEG); //webkit kernel for safari and chrome
- -moz-transform:rotate (60DEG); //ff
- -o-transform:rotate (60DEG); //opera
- -ms-transform:rotate (60DEG); //IE9
- }
CSS3 Animated Property Series transform fine spin rotate