Template:Rotate: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
(typo.) |
(→Usage) |
||
| Line 8: | Line 8: | ||
Here is an example of the code and what it produces: | Here is an example of the code and what it produces: | ||
<pre><span style="{{Rotate|180deg|0deg}}">{{ | =====First variable (Rotate)===== | ||
<pre><span style="{{Rotate|180deg|0deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | |||
<span style="{{Rotate|180deg|0deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | |||
=====Second Variable (Skew)===== | |||
<pre><span style="{{Rotate|0deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | |||
<span style="{{Rotate|0deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | |||
=====Both Variables (Rotate and Skew)===== | |||
<pre><span style="{{Rotate|180deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | |||
<span style="{{Rotate|180deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | |||
[[Category:Utility Templates]] | [[Category:Utility Templates]] | ||
Revision as of 18:16, 4 August 2011
-moz-transform: rotate(0deg) skew(0deg); -webkit-transform: rotate(0deg) skew(0deg); -o-transform: rotate(0deg) skew(0deg); -ms-transform: rotate(0deg) skew(0deg); transform: rotate(0deg) skew(0deg);
Usage
This must be placed inside <span> or <div> tags to work. It only supplies the transformation code and the ending semi-colon.
The first variable is the degrees of rotation and the second variable is the degrees skew.
Here is an example of the code and what it produces:
First variable (Rotate)
<span style="{{Rotate|180deg|0deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
Second Variable (Skew)
<span style="{{Rotate|0deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
Both Variables (Rotate and Skew)
<span style="{{Rotate|180deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
