Template:Rotate: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
(→Usage) |
m (includeonly) |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
-moz-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -webkit-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -o-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -ms-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}});<noinclude> | <includeonly>Display:block; -moz-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -webkit-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -o-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); -ms-transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}}); transform: rotate({{{1|0deg}}}) skew({{{2|0deg}}});</includeonly><noinclude> | ||
=Usage= | =Usage= | ||
| Line 11: | Line 11: | ||
<pre><span style="{{Rotate|180deg|0deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | <pre><span style="{{Rotate|180deg|0deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | ||
<span style="{{Rotate|180deg|0deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | <span style="{{Rotate|180deg|0deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span> | ||
| Line 19: | Line 19: | ||
<pre><span style="{{Rotate|0deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | <pre><span style="{{Rotate|0deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | ||
<span style="{{Rotate|0deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | <span style="{{Rotate|0deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span> | ||
| Line 27: | Line 27: | ||
<pre><span style="{{Rotate|180deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | <pre><span style="{{Rotate|180deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span></pre> | ||
<span style="{{Rotate|180deg|30deg}} padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span> | <span style="{{Rotate|180deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span> | ||
[[Category:Utility Templates]] | [[Category:Utility Templates]] | ||
Latest revision as of 04:01, 5 August 2011
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; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
Second Variable (Skew)
<span style="{{Rotate|0deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
Both Variables (Rotate and Skew)
<span style="{{Rotate|180deg|30deg}} padding: 2px; width: 70px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Loris Ipsum
