旋转父div时修复文本

Question

请参阅下面的HTML

<div id="parent">
   <p>something</p>
</div>

当我们旋转div时，它中的文字也会旋转，我们可以阻止它吗？ 旋转div但不满足...

Answer 1

直接前进，只需向后旋转内部元素。

http://jsfiddle.net/zpwchqpf/

#parent {
        -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
    background-color: red;
    width: 100px;
    height:100px;
}
#parent p {
    color: blue;
        -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    transform: rotate(-30deg);

}