使用鼠标位置旋转CSS3变换 - 第二阶段

Question

我收到了这个完美的答案：

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

但是，我仍然需要另一个调整，相同的解决方案，但旋转不同的原点，如transform-origin：left bottom。

应该修改什么？

谢谢！

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%;