CSS 또는 jquery로 텍스트 뒤집기를 어떻게 금지 할 수 있습니까?

Question

개체가 + 180 ° 회전 할 때 내부의 모든 내용이 뒤집혀서 여전히 읽을 수 있습니다 (나는 짐작할 수 있습니다.),이를 피하고 싶습니다. 어떻게해야합니까?

Answer 1

그냥 사업부에 텍스트를 포장하고 당신이 당신의 부모 사업부에 할당 할 정도의 반대 값으로 회전 :

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/이