Template:Transform-rotate/testcases
Appearance
![]() | This is the template test cases page for the sandbox of Template:Transform-rotate. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins and parsers with these links: |
Live template
[edit]Syntax | Result |
---|---|
| |
<span style="{{Transform-rotate|90}}">5</span> <span style="{{Transform-rotate|180}}">5</span> <span style="{{Transform-rotate|270}}">5</span> <span style="{{Transform-rotate|360}}">5</span>
|
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>
|
∫ ∫ ∫ ∫ |
| |
<span style="{{Transform-rotate|0}}">0</span> <span style="{{Transform-rotate|10}}">1</span> <span style="{{Transform-rotate|20}}">2</span> <span style="{{Transform-rotate|30}}">3</span> <span style="{{Transform-rotate|40}}">4</span> <span style="{{Transform-rotate|50}}">5</span> <span style="{{Transform-rotate|60}}">6</span> <span style="{{Transform-rotate|70}}">7</span> <span style="{{Transform-rotate|80}}">8</span> <span style="{{Transform-rotate|90}}">9</span>
|
0 1 2 3 4 5 6 7 8 9 |
| |
<span style="{{Transform-rotate|-90}}">This text<br />is vertically<br />aligned.</span><br /> <br /><span style="{{Transform-rotate|-180}}">This text is upside down.</span>
|
This text is vertically aligned. This text is upside down. |
| |
<div style="position:relative; top:0px; left:0px; {{Transform-rotate|90|display=block}}">[[file:Image PlaceHolder.png|200px]]</div>
|
|
| |
<div style="border:3px solid red; width:150px; position:relative; top:50px; opacity:0.5; {{Transform-rotate|-30|display=block}}"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
Serious bug:
Syntax | Result |
---|---|
<span style="{{Transform-rotate|90}}">The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.</span>
|
The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide. |
Sandbox template
[edit]Syntax | Result |
---|---|
| |
<span style="{{Transform-rotate/sandbox|90}}">5</span> <span style="{{Transform-rotate/sandbox|180}}">5</span> <span style="{{Transform-rotate/sandbox|270}}">5</span> <span style="{{Transform-rotate/sandbox|360}}">5</span>
|
5 5 5 5 |
| |
<span style="font-size: 1.4em; {{Transform-rotate/sandbox|0}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate/sandbox|20}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate/sandbox|40}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate/sandbox|60}}">∫</span>
|
∫ ∫ ∫ ∫ |
| |
<span style="{{Transform-rotate/sandbox|0}}">0</span> <span style="{{Transform-rotate/sandbox|10}}">1</span> <span style="{{Transform-rotate/sandbox|20}}">2</span> <span style="{{Transform-rotate/sandbox|30}}">3</span> <span style="{{Transform-rotate/sandbox|40}}">4</span> <span style="{{Transform-rotate/sandbox|50}}">5</span> <span style="{{Transform-rotate/sandbox|60}}">6</span> <span style="{{Transform-rotate/sandbox|70}}">7</span> <span style="{{Transform-rotate/sandbox|80}}">8</span> <span style="{{Transform-rotate/sandbox|90}}">9</span>
|
0 1 2 3 4 5 6 7 8 9 |
| |
<span style="{{Transform-rotate/sandbox|-90}}">This text<br />is vertically<br />aligned.</span><br /> <br /><span style="{{Transform-rotate/sandbox|-180}}">This text is upside down.</span>
|
This text is vertically aligned. This text is upside down. |
| |
<div style="position:relative; top:0px; left:0px; {{Transform-rotate/sandbox|90|display=block}}">[[file:Image PlaceHolder.png|200px]]</div>
|
|
| |
<div style="border:3px solid red; width:150px; position:relative; top:50px; opacity:0.5; {{Transform-rotate/sandbox|-30|display=block}}"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
Serious bug:
Syntax | Result |
---|---|
<span style="{{Transform-rotate/sandbox|90}}">The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.</span>
|
The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide. |