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

Question

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

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

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

Answer 1

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

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

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