2

我有一个<div>旋转 66 度的-webkit-transform(rotate66). 当我执行调整大小、宽度或高度时，div 似乎改变了他的上/左坐标。实际的left/topCSS 属性并没有改变。我认为变换矩阵有问题。

有什么方法可以使旋转的<div>“保持静止”在width/height调整大小时？在调整大小时应该是一个左上角的道具来对抗这个运动，但我似乎找不到正确的比例。

您可以在此处查看测试（仅限 Webkit）：http: //jsbin.com/iqezoj/4/edit

谢谢

4

1 回答 1

3

您还需要指定 a-webkit-transform-origin来控制转换的来源。Mozilla 文档在这个主题上相当不错。

在您的示例中，编辑-webkit-transform-origin: 100px 50px;将点移动到中间。<div>默认值50% 50%会根据它的高度和宽度而变化，<div>这解释了位置移动的原因。

于 2011-08-17T11:15:14.817 回答