設置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