设置CSS对象的旋转点

Question

旋转HTML元素时是否可以指定旋转点？

例如：如果一个HTML div具有left，top，width，height属性：0,0,100,100。旋转点（我们旋转div的点）将是50,50（中点）。但我想将旋转点改为0,0。

我使用的CSS“变换”属性旋转：

#myDiv { 
    transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    /*Can I specify the rotational point???*/ 
    transform: rotate(45deg) rotation-point:0px 0px; ?? 
} 

有一种方法使用CSS“旋转”属性做，但W3Schools的说，ISN;吨的主流浏览器的支持：

rotation: 45deg; 
rotation-point:0px 0px; 

Answer 1

是的，使用transform-origin CSS3属性。

http://www.w3.org/TR/css3-2d-transforms/#transform-origin-property