온라인 도구 CSS3 텍스트 회전 생성기

Text Rotate

게으른 사람들을 위한 CSS 텍스트 회전 생성기.

이 생성기는 텍스트를 회전하는 데 필요한 코드를 만들고 아래 옵션을 변경할 때 어떤 일이 일어나는지 시각적으로 확인하는 데 도움이 됩니다. 텍스트를 회전하는 데 필요한 유일한 CSS 속성은 transform 속성입니다. 데모는 대부분의 브라우저에서 작동해야 하지만 이 작업을 수행하려면 공급업체 접두사를 추가해야 할 수도 있습니다.

CSS3 텍스트 회전 설명 

transform 속성은 요소의 2차원 또는 3차원 변형을 지정합니다. 그것은 많은 가치를 가지고 있습니다. 이 도구는 빠른 텍스트 회전 코드를 제공합니다. 텍스트를 회전하는 정도를 지정할 수 있습니다.

IE에 대한 값을 선택할 수도 있습니다.

lr-tb – 이것은 왼쪽에서 오른쪽, 위에서 아래로의 기본값입니다.

rl-tb – 텍스트는 오른쪽에서 왼쪽, 위에서 아래로 흐릅니다.

tb-rl – 텍스트는 위에서 아래로, 오른쪽에서 왼쪽으로 세로로 흐릅니다.

bt-rl – 텍스트는 아래에서 위로, 오른쪽에서 왼쪽으로 흐릅니다.

tb-lr – 텍스트가 위에서 아래로, 왼쪽에서 오른쪽으로 흐릅니다.

bt-lr – 텍스트는 아래에서 위로, 왼쪽에서 오른쪽으로 흐릅니다.

lr-bt – 텍스트가 왼쪽에서 오른쪽으로, 아래에서 위로 흐릅니다.

rl-bt – 텍스트는 오른쪽에서 왼쪽으로, 아래에서 위로 흐릅니다.

텍스트 회전 도구는 다른 브라우저에서 코드를 지원할 수 있도록 확장 기능을 제공합니다.