Webkit内核(Chrome、Safari等):
-webkit-transform-origin: x-axis y-axis;
Firefox浏览器:
-moz-transform-origin: x-axis y-axis;
IE浏览器:
-ms-transform-origin: x-axis y-axis;
Opera浏览器
-o-transform-origin: x-axis y-axis;
标准写法:
transform-origin: x-axis y-axis;
x-axis、y-axis可以是以下取值:
left
center
right
top
bottom
length
percentage(如:50%)
需要注意的是,如果只设置一个值,则另一个值会默认设置为50%。同时,如果只设置一个关键字(如:left、top等),则会被解析为transform-origin:left top 50%;
transform-origin兼容各种浏览器写法
于 2023-04-26 12:56:21 首次发布