CSS3----转换(旋转)transform
来源:互联网 发布:淘宝网中老年秋装外套 编辑:程序博客网 时间:2024/05/19 18:43
Internet Explorer 10、Firefox、Opera 支持 transform 属性。
Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。
Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。
Opera 只支持 2D 转换
示:
div{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); /* Opera */}
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜
语法:transform:none|rotate(-8deg)...
也可以增加 keyframes 效果
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } }
0 0
- CSS3----转换(旋转)transform
- CSS3 transform旋转属性
- transform-origin CSS3 旋转
- css3 transform 旋转
- css3中的transform转换
- css3转换:transform
- CSS3 转换(Transform)
- CSS3 Transform div层旋转
- CSS3特效之转换transform
- 【CSS3】transform-origin以原点进行旋转
- CSS3的transform属性实现旋转正方体
- CSS3实现图片旋转 transform keyframes
- css3 transform 2D转换(动画系列一)
- css3之2d转换(transform方法)
- 7:---(1)2D转换 (transform)-旋转
- JS利用CSS3 transform rotate 实现旋转转盘或背景(大转盘抽奖)
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- wxpython 窗口内可移动控件
- eclipse 中git解决冲突
- Hadoop2.2.0版本多节点集群安装及测试
- Text Reverse
- 10 service 创建
- CSS3----转换(旋转)transform
- Object 对象
- C语言调用C++库接口的方法概述
- Javascript 效率优化总结
- 可变参数宏的用法
- 并查集UFS总结—legend
- Android:Activity四种启动模式
- 编程技巧系列(1)日期是否合法校验
- 那是什么