2

で<div>66 度回転した があり-webkit-transform(rotate66)ます。サイズ変更、幅、または高さを実行しているときに、div が左上の座標を変更しているようです。ただし、実際のleft/topCSS プロパティは変更されません。変換マトリックスに問題があると思います。

サイズ変更時に回転を<div>「静止」させる方法はありますwidth/heightか? サイズ変更では、この動きに対抗するために左と上のプロップを適用する必要がありますが、正しい比率が見つからないようです。

ここでテストを確認できます (Webkit のみ): http://jsbin.com/iqezoj/4/edit

ありがとうございました

4

1 に答える 1

3

変換の起点-webkit-transform-originを制御するには、 も指定する必要があります。Mozilla のドキュメントは、この件に関して非常に優れています。

編集 -webkit-transform-origin: 100px 50px;は、ポイントを例の真ん中に移動<div>します。デフォルト値は50% 50%の高さと幅に応じて変化し<div>、位置がずれていた理由を説明しています。

于 2011-08-17T11:15:14.817 に答える