如何运用 CSS 的 rotate() 函数及用法介绍

发布时间：2023-10-21 09:37:03 所属栏目：语言来源：

导读：这篇文章给大家分享的是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);

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!