我有一个<div>，它与-webkit-transform(rotate66)一起旋转了66度。当我执行调整大小，宽度或高度时，div似乎改变了他的顶部/左侧坐标。实际的left/top CSS属性不会改变。我认为变换矩阵中存在一些问题。
有没有办法让<div>“保持”width/height调整大小？在调整大小应该是一个左和顶部道具应用于反击这一运动，但我似乎无法找到正确的比例。
您可以在此处查看测试（仅限Webkit）：http://jsbin.com/iqezoj/4/edit
谢谢
答案 0 :(得分：3)
您还需要指定-webkit-transform-origin来控制 转换的来源。 Mozilla documentation在这个问题上相当不错。
修改 -webkit-transform-origin: 100px 50px;会将该点移至示例中<div>的中间位置。默认值为50% 50%，它会根据<div>的高度和宽度而变化，这可以解释为什么位置在变化。