1

CSS 変換を使用して要素を傾斜および回転させています。「逆」変換を適用して、内側の要素を再び正常に表示したいと考えています。回転を使用すると簡単です。要素が 45 度回転している場合、内側の要素は -45 度回転して再び「通常」に見えます。

さて、回転とスキューでは、それほど簡単ではありません。ここでこの例を参照してください: http://jsfiddle.net/8R4ym/56/

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

4

1 に答える 1

1

これがあなたが探している効果だと思います:http://jsfiddle.net/8R4ym/108/

非コミュニケーション的な操作があなたのイメージを台無しにしていると思います。スキューと回転がどの順序で実行されるかが重要です。「変換」はそれらを左から右に実行するようで(最初に回転してからスキュー)、単一の定義スペースで「変換」属性を2回使用することはできません。操作が実行される順序を変更する方法が見つからなかったため、代わりに別のdivを挿入して、2回目の回転の前にスキューが実行されるようにしました。これがあなたが探しているものであることを願っています。

編集:テキストサイズのわずかな違いに気づきました。テキストサイズを一定の割合で増やすには、ハックを入れる必要があると思います。

于 2012-05-04T17:50:29.163 に答える