Mostrar código-fonte de Predefinição:Transform/doc

This template uses ''css transform'' to either flip horizontally, mirror vertically, or rotate. It can be used on an image, template, text, and/or other elements. It is mainly intended to transform images, or templates that display images alone, however any text or other included elements will also display transformed.

The transformation happens at the center of the whole object and its effective dimensions will retain the original values of the object as if untransformed, so you may adjust the position and padding to avoid unwanted overlapping. Use the <code>style=</code> parameter to specify the CSS style. The 'display' CSS property is specified separately via the <code>display=</code> parameter.

'''This template does not support IE8 or older browsers. IE8 requires cumbersome calculating of matrices. You may implement it into this template if you know how to translate the formula into Lua.'''

== Usage ==
; Unnamed Parameter 1
Element to be transformed, for example: <nowiki>[[File:Dryad.png]] or {{item|mode=image|Guide}}</nowiki>
; flip = y / yes
Flips element horizontally.
; mirror = y / yes
Mirrors element vertically.
; rotation = #
Rotation in degrees (clockwise). For best results, use only 90, 180, and 270 degree rotations.
; scale = #
Scales the image. 1=full size, .5=50%

== Examples ==
* <code><nowiki>{{transform|[[File:Dryad.png]]|flip=y}}</nowiki></code> → {{transform|[[File:Dryad.png]]|flip=y}}
* <code><nowiki>{{transform|[[File:Megashark.png]]|mirror=y}}</nowiki></code> → {{transform|[[File:Megashark.png]]|mirror=y}}
* <code><nowiki>{{transform|{{item|mode=image|Guide}}|rotation=90}}</nowiki></code> → &nbsp;&nbsp;&nbsp; {{transform|{{item|mode=image|Guide}}|rotation=90}}
* <code><nowiki>{{transform|{{Important}}|flip=y}}</nowiki></code> → {{transform|{{Important}}|flip=y}}
* <code><nowiki>{{transform|{{3DS version}}|mirror=y}}</nowiki></code> → {{transform|{{3DS version}}|mirror=y}}
* <code><nowiki>{{transform|{{item|mode=text|Dryad}}|rotation=90}}</nowiki></code> → {{transform|{{item|mode=text|Dryad}}|rotation=90}}
* <code><nowiki>{{transform|[[File:Dryad.png]]|flip=y|mirror=y|rotation=30}}</nowiki></code> → &nbsp; {{transform|[[File:Dryad.png]]|flip=y|mirror=y|rotation=30}}
* <code><nowiki>{{transform|{{item|mode=image|Guide}}|scale=1}}</nowiki></code> → &nbsp;&nbsp;&nbsp; {{transform|{{item|mode=image|Guide}}|scale=1}}{{transform|{{item|mode=image|Guide}}|scale=1}}{{transform|{{item|mode=image|Guide}}|scale=1}}
* <code><nowiki>{{transform|{{item|mode=image|Guide}}|scale=.75}}</nowiki></code> → &nbsp;&nbsp;&nbsp; {{transform|{{item|mode=image|Guide}}|scale=.75}}{{transform|{{item|mode=image|Guide}}|scale=.75}}{{transform|{{item|mode=image|Guide}}|scale=.75}}

<includeonly>
<!-- Categories and interwikis go here. -->
[[Category:Formatting templates‎]]
</includeonly>
<noinclude>
[[Category:Template documentation‎]]
</noinclude>