CSS로 35도 각도로 텍스트를 만드는 방법이 있습니까?

Question

또는 CSS로 특정 각도로 회전을 제어하십시오.

Answer 1

transform: rotate(35deg)을 사용할 수 있습니다. this article에 더 있습니다. 현재의 경우, 예를 들어 (기사에서 cribbing) 때문에, 벤더 고유의 transforms뿐만 아니라에 추가해야합니다 :

.rotate35 { 
    /* Safari */ 
    -webkit-transform: rotate(35deg); 

    /* Firefox */ 
    -moz-transform: rotate(35deg); 

    /* IE */ 
    -ms-transform: rotate(35deg); 

    /* Opera */ 
    -o-transform: rotate(35deg); 

    /* Standard */ 
    transform: rotate(35deg); 
} 

당신은 filter을 필요로 이전의 IE에 대해 35도 각도로 할 수 있습니다. 이 IE7과 IE8에서 작동합니다 : 그러나

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.81915204, M12=-0.57357644, M21=0.57357644, M22=0.81915204,sizingMethod='auto expand'); 

주, 행렬 변환이 위의 CSS3 방식보다 오프셋 다른 당신을 떠날 것이다. -webkit-transform-origin을 left top으로 설정하거나 CSS 스타일 시트 또는 CSS 해킹으로 요소를 배치하여 IE 측에서 CSS3 측을 보완 할 수 있습니다.

MS docs 또는 cool page I used을 확인하여 위 내용을 생성하십시오.

Answer 2

이 내용을 확인하십시오 : http://www.w3.org/TR/2011/WD-css3-2d-transforms-20111215, 더 구체적으로 회전 (각도) 기능.

이 기능은 CSS3에서만 작동합니다.

Answer 3

CSS3가 있지만 '크로스 브라우저'지원과 관련하여 당연히 문제가됩니다. 그러나 CSS3에서는 짧은 대답입니다.

예 링크 : 거의 모든 브라우저 http://www.thecssninja.com/css/real-text-rotation-with-css

Answer 4

사용

-webkit-transform:rotate(35deg); 
-moz-transform:rotate(35deg); 
transform:rotate(35deg); 

.