首页 > 新闻资讯

rotate的用法 CSS transform中的rotate的旋转中心怎么设置？

实习编辑 • 2023-12-06 11:38:15 • 新闻资讯 • 阅读 3

csstransform中的rotate的旋转中心怎么设置？

使用transformorigin设置css3的旋转中心，有两个参数表示x轴和y轴的位置。

旋转基准点：元素左上角或长方体模型左上角的位置。

参考点坐标线：右x轴与几何x轴相同，向下y轴与几何y轴相反。图示如下：

csstransform中有两种旋转中心设置：

rotate的用法 CSS transform中的rotate的旋转中心怎么设置？

1。使用关键字设置位置变换原点：centerbottom

第一个参数可以是center，left，right。第二个参数是中心、顶部和底部。分别表示长方体模型几何体、垂直中间、垂直头部和垂直底部

2-原点：3px40px这两个参数是以像素为单位的坐标值的x和y值。

csstransform中的rotate旋转中心怎么设置？

你好，我很高兴回答你的问题。我们都知道transform中的rotate属性可以使div以一定的角度旋转。它也有一个属性原点来控制旋转点的位置，变换-原点：0，其中0和0分别表示从最左边开始的x和y坐标。

让我给你一个简单的图片。

rotate的用法css中transform属性旋转css动画transform

原文标题：rotate的用法 CSS transform中的rotate的旋转中心怎么设置？，如若转载，请注明出处：https://www.saibowen.com/news/21491.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「赛伯温」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

rotate的用法 CSS transform中的rotate的旋转中心怎么设置？ rotate的用法 CSS transform中的rotate的旋转中心怎么设置？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：安全提问问题 苹果ID账号安全回答问题忘记了怎么修改？ 下一篇：4个月学前端找不到工作 作为前端，真的有必要把三大JS框架（vue，react，angular）都学会吗？

相关推荐