将 CSS 倾斜变换应用于元素时，反向倾斜值是多少？答案

【问题标题】：What is the reverse skew value when applying a CSS skew transform to an element?将 CSS 倾斜变换应用于元素时，反向倾斜值是多少？
【发布时间】：2012-05-04 09:53:58
【问题描述】：

我正在使用 CSS 变换倾斜和旋转元素，我想通过应用“反向”变换使内部元素再次正常显示。使用旋转很容易：如果您有一个旋转 45 度的元素，那么内部元素将旋转 -45 度以再次看起来“正常”。

现在，旋转和倾斜并不那么容易。在此处查看此示例：http://jsfiddle.net/8R4ym/56/

文本以至少正确定位的方式旋转和倾斜，但我似乎无法找到“规则”，使其看起来完全正常，应用某种反向变换。有任何想法吗？非常感谢！

【问题讨论】：

标签： css transform rotation reverse skew

【解决方案1】：

我相信这就是您正在寻找的效果：http://jsfiddle.net/8R4ym/108/

我相信non-communicative 操作会破坏您的形象。执行倾斜和旋转的顺序很重要。 “变换”似乎从左到右执行它们（首先旋转然后倾斜）并且不会让您在单个定义空间中使用两次“变换”属性。我找不到任何方法来更改执行操作的顺序，因此我插入了另一个 div，以便在第二次旋转之前执行倾斜。我希望这就是你要找的。p>

编辑：我只是注意到文字大小有细微差别。我认为您可能需要进行一些修改才能将文本大小增加一定百分比。

【讨论】：

谢谢科尔姆！我想我可以简化一下，关键是正如你指出的那样改变顺序：[link]jsfiddle.net/8R4ym/115
啊。那好多了。好电话。
请将外部托管代码编辑到帖子中；这样做将确保即使链接断开，它仍然有用。我的脚本 is not allowed to do this 因为潜在的许可问题。