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/