css / javascript旋转但不是来自中心

时间:2012-08-19 09:59:09

标签: jquery css rotation transform

我希望使用css或javascript创建一个悬停旋转效果,但不是像往常一样从中心旋转,我希望从广场的左上角旋转。

正方形将在悬停时旋转90度,然后在鼠标移出时旋转。我可以加宽悬停区域以避免方形颤动(不断重复)。

我会尝试使用糟糕的图表显示我的思维过程,十字架是旋转点。

_________
|       |
|   +   |
|       |
---------

到此:

+--------         
|       |   
|       |   
|       |   
---------   

非常感谢

1 个答案:

答案 0 :(得分:4)

您可以使用transform-origin

transform-origin: 0 0;

演示:http://jsfiddle.net/ssRS4/2/