CSS3-transform属性
来源:互联网 发布:双阳网络 编辑:程序博客网 时间:2024/05/20 15:38
transform:变换
transform包含四种几本的变换:平移、旋转、缩放、倾斜。但这个属性在浏览器上的兼容性有区别。
浏览器支持:
IE Firefox Chrome Safari Opera 都支持
Internet Explorer 10、Firefox、Opera 支持 transform 属性。
Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。
Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。
Opera 只支持 2D 转换。
所以在设置时要采用兼容写法:
box{ transform:rotate(20deg); -ms-transform:rotate(20deg);//IE -moz-transform:rotate(20deg);//Firefox -webkit-transform:rotate(20deg);//Safari,Chrome -o-transform:rotate(20deg);//Opera}
JS语法:
object.style.transform="rotate(7deg)"
W3C:transform属性,包含测试实例
注:旋转(ratate)、倾斜(skew)的单位都是deg(degree),度数、角度.
平移(translate)的单位为px。
box{ transform:translateX(10px); transform:rotate(10deg); transform:scale(2,2); transform:skew(20deg);}
0 0
- CSS3 transform旋转属性
- CSS3 - transform属性
- CSS3 transform 属性
- css3--transform属性
- css3 transform 属性
- CSS3 transform-origin 属性
- css3动画-transform属性
- css3变形属性transform
- CSS3 transform属性
- CSS3-transform属性
- css3变形属性transform
- CSS3 transform 属性
- CSS3 transform 属性
- css3的新增属性transform
- 总结CSS3变形transform属性
- css3属性突然transform详解
- CSS3详解:transform常用属性
- CSS3 transition和transform 属性
- 24点纸牌益智游戏
- linux usb子系统.调试方法
- Android通过Http连接MySQL 实现登陆/注册(数据库+服务器+客户端)
- 快速排序
- 用户登录记住密码(SharePreference的使用)
- CSS3-transform属性
- 线段树
- C语言的输入输出总结
- 1003. Emergency (25)
- java.sql.SQLException: [Microsoft][SQLServer 2000 Driver for JDBC]ResultSet can not re-read row dat
- centos常见问题解决
- 《剑指Offer》 二叉树的深度
- Discuz开发之function_core常用函数解析
- Java关键字