Template:Rotate: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
(try now?)
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>
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}}});<noinclude>


=Usage=
=Usage=

Revision as of 19:26, 4 August 2011

Display:block; -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