小编给大家分享一下css中transform-origin属性的使用方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
创新互联建站是一家专注于网站设计、成都网站设计与策划设计,丰顺网站建设哪家好?创新互联建站做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:丰顺等地区。丰顺做网站价格咨询:18982081108
定义和用法
transform-origin 属性允许您改变被转换元素的位置。
2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。
注释：该属性必须与 transform 属性一同使用。
实例
设置旋转元素的基点位置：
div
{
transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-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-axis y-axis z-axis;
看完了这篇文章，相信你对css中transform-origin属性的使用方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！