前端中transform-origin是什么属性
时间: 2024-05-01 17:23:17 浏览: 119
transform-hamburger:使用CodeSandbox创建
transform-origin是CSS3中用来指定CSS变换基点的属性。它用于控制CSS变换的起点,即确定元素进行变换时的旋转中心点、缩放中心点或移动的参考点等。
transform-origin属性的值可以是一个关键字,如top、bottom等,也可以是一个像素值或百分比值。默认值为50% 50% 0,表示变换基点在元素的中心位置。
例如,下面的代码将使一个元素绕着其左上角旋转45度:
```
transform-origin: left top;
transform: rotate(45deg);
```
这里的transform-origin属性指定了变换基点在元素的左上角,然后通过transform属性将元素旋转了45度。
阅读全文