エレメントにCSSスキュー変換を適用するときの逆スキュー値はどのくらいですか？

Question

私はCSS変換で要素を傾けて回転させています。内側の要素を「逆」変換を適用して再び通常のように見せたいと思います。回転させると簡単です：要素が45度回転している場合、内側の要素は-45度の回転を持ち、再度「通常」に見えます。

これで、回転と斜行があり、それほど簡単ではありません。 http://jsfiddle.net/8R4ym/56/

テキストが正しく配置されているように回転したり歪んだりしますが、何らかの逆変換を適用すると完全に正常に見えるようにするための「ルール」が見つからないようです。何か案は？どうもありがとう！

Answer 1

私は、これはあなたが探している効果であると考えている：私はnon-communicative操作があなたのイメージをめちゃくちゃにされていると信じてhttp://jsfiddle.net/8R4ym/108/

。スキューと回転がどのような順序で行われるかは重要です。 "トランスフォーム"は、左から右へ（最初に回転させてから傾けて）実行しているように見え、単一の定義空間で「トランスフォーム」属性を2回使用することはできません。私は操作が実行される順序を変更する方法を見つけることができませんでしたので、別のdivを挿入して、2回目の回転の前にスキューが実行されるようにしました。私はこれがあなたが探しているものだと願っています。

編集：私はちょうどテキストサイズの小さな違いに気づいた。テキストサイズをある程度増やすためには、ハックを入れなければならないかもしれないと思います。