css3动画属性系列之transform细讲旋转rotate

1、语法：

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

2、取值：

• none ----不进行变化
• <transform-function> ----一个或多个变换函数，以空格分开

• rotate ---旋转

1. /*
2. rotate(<angle>)
3. 通过指定的角度对元素指定一个2D旋转
4. 需要先有一个transform-origin属性的定义
5. transform-origin是旋转的基点
6. angle是旋转的角度，正值表示顺时针，负值表示逆时针
7. deg为度的意思，如60deg表示60度
8. */
9. #test{
10. transform:rotate(60deg);//w3c标准
11. -webkit-transform:rotate(60deg);//webkit内核的safari和Chrome
12. -moz-transform:rotate(60deg);//ff
13. -o-transform:rotate(60deg);//Opera
14. -ms-transform:rotate(60deg);//IE9
15. }