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

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

CSS3动画属性系列之transform细讲旋转rotate1、语法:

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

2、取值:

none ----不进行变化<transform-function> ----一个或多个变换函数,以空格分开可以用于内联元素和块级元素,可以实现旋转、缩放、移动等等效果。具体如下:rotate ---旋转java代码/*rotate(<angle>)通过指定的角度对元素指定一个2D旋转需要先有一个transform-origin属性的定义transform-origin是旋转的基点angle是旋转的角度,正值表示顺时针,负值表示逆时针deg为度的意思,如60deg表示60度*/#test{transform:rotate(60deg);//w3c标准-webkit-transform:rotate(60deg);//webkit内核的safari和Chrome-moz-transform:rotate(60deg);//ff-o-transform:rotate(60deg);//Opera-ms-transform:rotate(60deg);//IE9}

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航