1、rotate函数定义了一种将元素围绕一个定点旋转而不变形的转换。

2、指定的角度定义了旋转的量度。若角度为正，则顺时针方向旋转，否则逆时针方向旋转。旋转180°也被称为点反射。

元素旋转的固定点也称为变换原点，这默认为元素的中心，但你可以使用transform-origin属性设置自己的自定义变换原点。

实例

transform:rotate(-30deg);
 
     -webkit-transform:rotate(-30deg);
 
     -moz-transform:rotate(-30deg);
 
     -o-transform:rotate(-30deg);
 
     -mz-transform:rotate(-30deg);

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 用CSS3制作双色圆环旋转动画的方法是什么

  方法：1、用border和border-radius属性将正方形元素变成圆环；2、用“圆环元素{animation:名称 时间}@keyframes 名称{100%{transform:rotate(旋转角度)}}”语句使圆环元素旋转即可。

• CSS3中calc函数如何应用于数学运算

  css3中calc怎么设置除法calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行计算；c

• CSS中transform-origin属性的作用是什么，能怎样应用

  这篇文章主要介绍了CSS transform-origin属性的理解,详细的介绍了CSS transform-origin属性的作用及其实践，非常具有实用价值，需要的朋友可以参考下

• 如何用CSS写一个点击后出现加载特效的效果

  这篇文章主要介绍了实现点击按钮后CSS加载效果的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• Bootstrap中用什么方法实现图片上传、展示和保存

  这篇文章主要介绍了Bootstrap File Input文件上传组件,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下