使用 CSS 设置动画时如何找到 Transform Rotate 的中心点？
How to find the center point of Transform Rotate when animating with CSS?
我正在尝试制作一个在悬停时旋转 45 度的菜单，高度应该变大（以覆盖角落）并且还应该保持在原始中心点。除了 div 留在最初开始的中心位置之外，我完成了所有这些工作。
只用CSS做动画就可以吗？这是我目前所拥有的 fiddle，当您缩放 window 时，您会看到它不断改变位置：
```
http://jsfiddle.net/h487xz9d/66/
```
编辑： 对 link 的格式感到抱歉，没有它我不知道如何发送 post。这是我试图让它看起来像的图片
我修好了没关系！我把这个添加到 bobmarley class:
height: 600%;
position: relative;
top: -250%;
我正在尝试制作一个在悬停时旋转 45 度的菜单，高度应该变大（以覆盖角落）并且还应该保持在原始中心点。除了 div 留在最初开始的中心位置之外，我完成了所有这些工作。
只用CSS做动画就可以吗？这是我目前所拥有的 fiddle，当您缩放 window 时，您会看到它不断改变位置：
```
http://jsfiddle.net/h487xz9d/66/
```
编辑： 对 link 的格式感到抱歉，没有它我不知道如何发送 post。这是我试图让它看起来像的图片
我修好了没关系！我把这个添加到 bobmarley class:
height: 600%;
position: relative;
top: -250%;