CSS的rotate函数的作用和用法是什么-群英

上一篇：CSS的transition方法有什么用，基本用法是怎样下一篇：CSS中自定义滑动输入条的方法是什么

这篇文章主要介绍“CSS的rotate函数的作用和用法是什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS的rotate函数的作用和用法是什么”文章能帮助大家解决问题。

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电脑。

现在大家对于CSS的rotate函数的作用和用法是什么的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： rotate函数

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

上一篇：CSS的transition方法有什么用，基本用法是怎样下一篇：CSS中自定义滑动输入条的方法是什么