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

Question

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

[ CSS3 变换使用鼠标位置 旋转 CSS3 变换使用鼠标位置旋转

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

应该修改什么？

谢谢！

Answer 1

这可能对您有所帮助：

句法 ：

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

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

left
center
right
length
%

where y-axis : 定义视图在 y 轴上的位置。可能的值：

left
center
right
length
%

其中 z 轴： 定义视图在 z 轴的位置。可能的值：

length

例子 ：

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