css - cssまたはjqueryでテキストの反転を禁止するにはどうすればよいですか?

Question

オブジェクトが +180° 回転すると、その中のすべてが反転して、まだ読めるようになります (私は推測します)。それを避けたいのですが、どうすればよいですか?

Answer 1

テキストを div でラップし、親 div に割り当てた度数の逆の値で回転させます。

div.flipped {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

div.noflipped {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

デモ: http://jsfiddle.net/uTGXx/7/