学堂 学堂 学堂公众号手机端

CSS的rotate函数怎么样使用,写法是什么

lewis 1年前 (2024-04-01) 阅读数 5 #技术
这篇文章给大家分享的是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函数怎么样使用,写法是什么”的文章就介绍到这了,更多相关内容请搜索博信以前的文章或继续浏览下面的相关文章,希望大家以后多多支持博信!
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门