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

CSS3 transform rotate using mouse position - second phase

本文关键字：旋转 位置 变换 鼠标 CSS3      更新时间：2023-09-26

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

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

但是，我仍然需要另一个调整，同样的解决方案，但在不同的原点上旋转，比如变换原点：左下角。

应该修改什么？

谢谢！

这可能会对您有所帮助：

语法：

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%;
相关文章：