当前位置:首页 > TAG信息列表 > rotate的用法CSStransform中的rotate的旋转中心怎么设置?

rotate的用法CSStransform中的rotate的旋转中心怎么设置?

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

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


仟佰号 一起互联

  • 关注微信关注微信

猜你喜欢

微信公众号