变形--旋转 rotate()
2015-10-23 08:15
232 查看
变形--旋转 rotate()
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示:![](http://img.mukewang.com/53390fc500014a6603930267.jpg)
HTML代码:
<div class="wrapper"> <div></div> </div>
CSS代码:
.wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; } .wrapper div { width: 200px; height: 200px; background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
演示结果
![](http://img.mukewang.com/5339106f00018d3a04200298.jpg)
相关文章推荐
- 队列数组
- 第6周 项目3-括号的匹配
- 第7周 项目5—排队看病模拟
- 第七周上机实践—项目6—停车场模拟
- Mondrian异常
- 数据结构实践——自建算法库链串 .
- 第七周上机实践—项目5—排队看病模拟
- 2015-10-23 【项目6 - 停车场模拟】
- 负数把正数赶出去
- 第6周项目3 括号的匹配
- Git 常用命令手记 及 Github协同流程(转)
- win10系统bug多怎么办?win10系统修复Bug的方法介绍
- django Meta类
- 第8周 项目2-建立链串的算法库
- 第七周项目3--负数把正数赶出队列
- 11月起Win10 TH2正式版支持Win7/Win8.1密钥激活
- 151021 总结
- It gave me a chance and when it happened
- I was throwing strikes.
- js alert()后进行跳转的方法