將CSS傾斜變換應用於元素時，反向歪斜值是多少？

Question

我傾斜和旋轉元素與CSS轉換，我想通過應用一個「反向」轉換使內部元素再次顯示正常。旋轉很容易：如果你有一個旋轉45度的元素，那麼內部的元素將有一個-45度的旋轉再次看起來「正常」。

現在，隨着旋轉和傾斜，它不是那麼容易。在這裏看到這個例子：http://jsfiddle.net/8R4ym/56/

該文本旋轉和傾斜的方式，至少它的位置正確，但我似乎無法找到「規則」使它看起來完全正常應用某種反向變換。有任何想法嗎？非常感謝！

Answer 1

我相信這是你要找的效果：http://jsfiddle.net/8R4ym/108/

我相信non-communicative操作搞亂了你的形象。它以什麼順序執行扭曲和旋轉。 「變換」似乎從左到右執行它們（首先旋轉然後傾斜），並且不會讓您在單個定義空間中兩次使用「變換」屬性。我找不到任何方法來改變執行操作的順序，所以我插入另一個div，以便在第二次旋轉之前執行偏斜。我希望這是你要找的。

編輯：我只是注意到文本大小的小差異。我想你可能不得不採取一些措施來增加文字大小。