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