CSS之transform-origin属性
设置旋转元素的基点位置
语法
transform-orign:0 100% 0
transform-origin: x-axis y-axis z-axis;
x-axis |
定义视图被置于 X 轴的何处。可能的值:
|
y-axis |
定义视图被置于 Y 轴的何处。可能的值:
|
z-axis |
定义视图被置于 Z 轴的何处。可能的值:
|
![](https://img2018.cnblogs.com/blog/1631158/201903/1631158-20190315160634100-691260653.png)
用%设置X,Y轴时的标准
设置旋转元素的基点位置
语法
transform-orign:0 100% 0
transform-origin: x-axis y-axis z-axis;
x-axis |
定义视图被置于 X 轴的何处。可能的值:
|
y-axis |
定义视图被置于 Y 轴的何处。可能的值:
|
z-axis |
定义视图被置于 Z 轴的何处。可能的值:
|
![](https://img2018.cnblogs.com/blog/1631158/201903/1631158-20190315160634100-691260653.png)
用%设置X,Y轴时的标准