transform-origin

transform-origin CSS 属性让你更改一个元素变形的原点。

语法

transform-origin: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?;

属性值

top 相对于元素的顶部边缘进行变形

left 相对于元素的左侧边缘进行变形

right 相对于元素的右侧边缘进行变形

bottom 相对于元素的底部边缘进行变形

center 相对于元素的中心点进行变形

默认值

平台	默认值
app-uvue	50% 50%
web	50% 50% 0

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
transform-origin	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference