1

我希望使用 css 或 javascript 创建悬停旋转效果,但不是像通常那样从中心旋转,而是希望从正方形的左上角旋转。

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

我将尝试使用糟糕的图表来展示我的思维过程,十字是旋转点。

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

对此:

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

非常感谢

4

1 回答 1

4

您可以使用transform-origin

transform-origin: 0 0;

还有一个演示:http: //jsfiddle.net/ssRS4/2/

于 2012-08-19T10:01:38.480 回答