로테이션 웹킷을 사용하는 동안 들쭉날쭉 한 텍스트 문제

Question

'인라인'으로 텍스트를 표시하는 방법에 대한 아이디어가 있습니까?

내 포트폴리오에 폴라로이드 사진 효과를 만들었습니다. 회전하면 글꼴이 완전히 망가졌고 수정본이 있는지 확실하지 않습니다.

나머지는 내 현재 글꼴로 그렇게 나쁘지 아니지만 다른 글꼴은 꼴, 안심하시기 바랍니다.

코드 :

figure.polaroid { 
width: 221px; 
height: 240px; 
-webkit-transform: rotate(5deg); 
-moz-transform: rotate(5deg); 
background-color: white; 
padding: 10px; 
box-shadow: 1px 2px 10px black; 
margin-top: 25px; 
border-radius: 5px; 
} 

Answer 1

날, 크롬을 맞춰 볼까?

는 -webkit-backface-visibility: hidden;

나는 어떤 사람들은 그 깨끗한 해결책이 될 수 있도록, 3 차원은 transform: rotate3d(1, 2.0, 3.0, 10deg)로, 회전 변환을 적용하여이 문제를 방지 읽었습니다보십시오.

Answer 2

글꼴을 매끄럽게하려면 text-shadow을 적용해야합니다. 여기

당신이 다른 그림자를 시도 미묘한 하나를 선택하고 당신의 회전의 모양을 확인할 수 있습니다 http://www.elfboy.com/text-shadow/