CSS3 transform 属性
来源:互联网 发布:淘宝魔盒在哪 编辑:程序博客网 时间:2024/05/15 23:47
实例
旋转 div 元素:
div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); /* Opera */}
亲自试一试
页面底部有更多实例。
浏览器支持
Internet Explorer 10、Firefox、Opera 支持 transform 属性。
Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。
Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。
Opera 只支持 2D 转换。
定义和用法
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
为了更好地理解 transform 属性,请查看这个演示。
语法
transform: none|transform-functions;
亲自试一试 - 实例
- 扔到桌子上面的图片
- 本例演示如何创建“宝丽来”图片,并旋转图片。
相关页面
CSS3 教程:CSS3 2D 转换
CSS3 教程:CSS3 3D 转换
CSS 参考手册
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 属性
- 设备管理员(锁屏,回复出厂设置等功能)
- C++ 函数重载
- 黑马程序员——java基础——方法、数组、二维数组、参数传递
- CSS3详解:transform
- 自动登陆ftp服务器的批处理怎么写
- CSS3 transform 属性
- BOOL 类型
- poj 1681 高斯消元 枚举自由元求翻转最小次
- 静态内部类(嵌套类)与非静态内部类
- 小白关于keil4调试仿真的几个问题:一直停在systeminit中的do,while;程序一直停在启动文件中的BX R0;void HardFault_Handler(void),
- CSS3 -webkit-transform(元素变换)
- hd2553 N皇后问题
- HDU 4975
- _DataStructure_C_Impl:顺序栈