css transform-origin属性怎么用
导读: 定义和用法 transform-origin属性允许您改变被转换元素的位置。 2D转换元素能够改变元素x和y轴。3D转换元素还能改变其Z轴。 注释:该属性必须与transform属性一同使用。 实例 设置旋...
定义和用法
transform-origin属性允许您改变被转换元素的位置。
2D转换元素能够改变元素x和y轴。3D转换元素还能改变其Z轴。
注释:该属性必须与transform属性一同使用。
实例
设置旋转元素的基点位置:
div
{
transform:rotate(45deg);
transform-origin:20%40%;
-ms-transform:rotate(45deg);
/*IE9*/
-ms-transform-origin:20%40%;
/*IE9*/
-webkit-transform:rotate(45deg);
/*Safari和Chrome*/
-webkit-transform-origin:20%40%;
/*Safari和Chrome*/
-moz-transform:rotate(45deg);
/*Firefox*/
-moz-transform-origin:20%40%;
/*Firefox*/
-o-transform:rotate(45deg);
/*Opera*/
-o-transform-origin:20%40%;
/*Opera*/
}
语法
transform-origin:x-axisy-axisz-axis;
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css transform-origin属性怎么用
本文地址: https://pptw.com/jishu/664783.html