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: |
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. |
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. |