템플릿:변환 회전/doc

Template:

스타일 속성 내부 회전 요소에 대한 단축된 CSS 코드.실내에서 사용style=""다른 CSS 속성과 같은 HTML 요소의 속성.

  • 이름 없는 첫 번째 매개 변수{{{1}}}회전 각도(도)양의 값은 오른쪽으로 회전하고 음의 값은 왼쪽으로 회전한다.
  • 명명된 매개 변수 display=CSS 디스플레이 속성을 변경할 수 있다.기본값은 다음과 같다.display: inline-block;

이 템플릿을 사용하여 회전 효과를 만들 때 편집자는 접근성에 대해 신중하게 고려해야 한다.

참고: 이 템플릿은 IE8 이하를 지원하지 않는다.IE8은 행렬의 번거로운 계산을 요구한다.공식을 루아로 번역할 줄 알면 이 템플릿에 구현해도 좋다.


예

회전은 물체의 중심에서 일어나며 그 유효 치수는 마치 회전하지 않은 것처럼 물체의 원래 값을 유지하므로 원하지 않는 중첩을 방지하기 위해 위치와 패딩을 조정할 수 있다.사용display=위치를 제어하기 위한 매개변수.

구문 결과
  • 일부 회전 문자:
<스팬 스타일="{트랜스포폼-회전 90}" 5</스팬 스타일="{트랜스포폼-회전 180}}"5</스팬 스타일="{트랜스포트 270}}"5</스팬>{스팬 스타일="{트랜스포폼-회전 360}"}"5</스팬>
 5 5 5 5
  • 일부 회전된 특수 문자(글꼴 패밀리에 기울임꼴 또는 기울임꼴 글꼴이 없는 경우 유용):
<span style="font-size: 1.4em; {{Transform-rotate 0}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate 20}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate 40}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate 60}}">∫</span>
 ∫ ∫ ∫ ∫
  • 숫자로도 작동한다.
<>스팬 style="{{Transform-rotate 0}}">, 0<, /span>,<>스팬 style="{{Transform-rotate 10}}">, 1<, /span>,<>스팬 style="{{Transform-rotate 20}}">, 2<, /span>,<>스팬 style="{{Transform-rotate 30}}">, 3<, /span>,<>스팬 style="{{Transform-rotate 40}}">, 4<, /span>,<>스팬 style="{{Transform-rotate 50}}">, 5<, /span&g.T,<>스팬 style="{{Transform-rotate 60}}">, 6<, /span>,<>style="{{Transfo로 확장.rm-rotate 70}"</span style="{Transform-rotate 80}">8</span> <{Transform-rotate 90}"9</span>
 0 1 2 3 4 5 6 7 8 9
  • 아니면에 대한 임의적 텍스트
<>스팬 style="{{Transform-rotate -90}}">.이 text<,br />, vertically&lt다;br />, 정렬했다.<>/span>,<>br />,&nbsp,<>br />,<>스팬 style="{{Transform-rotate -180}}"&gt을 말한다.이 텍스트는 뒤집혀 있다.<>/span>.
 이 텍스트
수직으로
정렬했다.

이 텍스트는 뒤집혀 있다.
  • 이것은 가목적어 이미지, 그것은 시계 방향으로 90도 회전합니다.
<>divstyle="위치:상대적인;최고:0px은 0px 남아,{{Transform-rotate 90display=block}}">, -LSB--LSB- 파일:.이미지 PlaceHolder.png 200px하는 방법]<>/div>.
Image PlaceHolder.png
  • 이것은 빨간 수평 방향 라인은 텍스트를 가로질러 30도의 각도 anticlockwise에 그린 그림이다.
<>divstyle="국경:3px 빨간 색, 너비:150px, 위치, 상대, 최고:50px, 불투명함:0.5;{{Transform-rotate)display=block}}">, <, /div&gt을 말한다.로렘 ipsum 돌로르 amet, consectetur, sed eiusmodtemporincididunt와 같이 labore(dolore 법학 aliqua니 elit adipiscing 앉으십시오.
로렘 ipsum 돌로르 amet, consectetur, sed eiusmodtemporincididunt와 같이 labore(dolore 법학 aliqua니 elit adipiscing 앉으십시오.

심각한 버그:

구문 결과
<>스팬 style="{{Transform-rotate 90}}">.그 본문이 아닌 공간이 텍스트 필요성 표시할 회전할 것이다.그러니까 세포가 충분해, 하지만 훨씬 더 넓은 키가 크지 않다.<>/span>.
 그 본문이 아닌 공간이 텍스트 필요성 표시할 회전할 것이다.그러니까 세포가 충분해, 하지만 훨씬 더 넓은 키가 크지 않다.

참고 항목:

  • {{미러H}}
  • {{전화}}