Html+CSS transform属性中的 rotate 属性值
来源:互联网 发布:右下角网络连接感叹号 编辑:程序博客网 时间:2024/06/03 19:30
1、语法:
transform: none | <transform-function> [<transform-function>]*
2、取值:
- none ----不进行变化
- <transform-function> ----一个或多个变换函数,以空格分开
可以用于内联元素和块级元素,可以实现旋转、缩放、移动等等效果。具体如下:
- rotate ---旋转
- /*
- 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
- }
0 0
- Html+CSS transform属性中的 rotate 属性值
- Html+CSS transform属性中的 translate属性值
- CSS text-transform 属性
- CSS text-transform 属性
- CSS text-transform 属性
- CSS text-transform 属性
- css之transform属性
- CSS text-transform 属性
- CSS的transform属性
- Html+Css CSS3_transform属性中的_scale属性值
- UIView中的transform属性
- HTML5基础加强css样式篇(css属性transform 函数(2D)的scale(),transform-origin,skew(),translate(),rotate() )(二十四)
- Css中,transform属性的matrix值简介
- transform属性不能同时写scale和rotate,怎么办??
- transform属性
- transform属性
- transform属性
- transform属性
- 安卓入门学习(一)用户界面设计
- Android文件上传工具类
- js二级联动*本地
- Spreadsheets (26进制转换)
- [JavaScript/JQuery] 无需 Flash 使用 jQuery 复制文字到剪贴板
- Html+CSS transform属性中的 rotate 属性值
- centos中crontab(计时器)用法详解
- HBase深入学习(1)
- codeforces_616B. Dinner with Emma
- Linux 文件系统基础--块、i节点
- [DIV/CSS] CSS页面布局笔记
- ACE_TP_Reactor 实现 Leader-Follower 线程模型分析
- Alluxio文件操作Java API示例
- 北上深的天价房都卖给了谁