如何使用CSS3 transform-origin 属性

1、代码应用举例。在这个例子当中，我们可以看出来，transform-origin与transform：rotate常常一起使用的，这样才能更好的表达元素的运动轨迹。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 */}

3、transform-origin的用法。它的默认值是 50%，50%，0 它的继承性是 no 它的版本是 CSS3

5、语法：transform-origin: x-axis y-axis z-axis;在这个语法里面，我们可以看出来，transform-origin 有三个轴向的参数值