CSS3变换旋转 - 第二阶段

Question

我收到这个完美的答案：

[CSS3 transform rotate using mouse position CSS3 transform rotate using mouse position

不过，我仍然需要另一种好办法，同样的解决方案，但旋转在不同的产地，比如变换 - 原文：左下角。

应该修改什么？

谢谢！

Answer 1

这可以帮助您：

语法：

transform-origin: x-axis y-axis z-axis; 

其中x轴： 定义，其中该视图被放置在x轴上。可能的值：

left 
center 
right 
length 
% 

其中y轴： 定义，其中该视图被放置在y轴上。可能的值：

left 
center 
right 
length 
% 

其中z轴： 定义，其中该视图被放置在z轴。可能的值：

length 

实施例：

transform: rotate(45deg); 
transform-origin:20% 40%;