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と言っている。主要なブラウザでサポートされているT：

を

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

Answer 1

はい、変換元のCSS3プロパティを使用してください。

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