javascript - CSS3 transform rotate using mouse position - 第二阶段

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 轴: 定义 View 在 x 轴上的放置位置。可能的值:

left
center
right
length
%

其中 y 轴: 定义 View 在 y 轴上的放置位置。可能的值:

left
center
right
length
%

其中 z 轴: 定义 View 在 z 轴上的放置位置。可能的值:

length

示例:

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