在css中，可以利用“transform-origin”属性设置元素旋转点的位置，该属性允许更改转换元素的位置，可以分别设置元素转换后与x、y和z轴之间的位置，语法为“transform-origin:x轴方向 y轴方向 z轴方向;”。
本教程操作环境windows10系统、css3&&html5版、dell g3电脑。
css3设置旋转点位置
transform-origin属性允许您更改转换元素的位置。
2d转换元素可以改变元素的x和y轴。 3d转换元素，还可以更改元素的z轴。
在没有设置过transform-origin属性时，css变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点/中心点）位置进行变形的。而css3 中的transform-origin属性用于设置旋转元素的基点位置，熟悉使用transform-origin并结合css3动画可以使元素沿着某一基点进行旋转，位移等。
示例如下
<html><head><meta charset=utf-8> <title>123</title><style>#div1{position: relative;height: 200px;width: 200px;margin: 100px;padding:10px;border: 1px solid black;}#div2{padding:50px;position: absolute;border: 1px solid black;background-color: red;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 and chrome */-webkit-transform-origin:20% 40%; /* safari and chrome */}</style></head><body><div id=div1> <div id=div2>hello</div></div></body></html>输出结果
（学习视频分享css视频教程）
的方法是什么