Template:Transform-rotate/doc
Rotate any HTML element. Template sets the style of the HTML <span> or <div> tag in such a way that the image or other content of the section is rotated. It uses CSS3 Transforms, see here for support by different browsers.
Usage
{{Transform-rotate |1= }}
Template parameters
Parameter | Description | Default | Status | |
---|---|---|---|---|
1 | angle | Rotation angle measured in degrees clockwise (°↻) from the up-pointing vector. | empty | required |
display | display | by default rotation is accompanied by display:inline-block , as it rotates around center. Use this parameter to change this default. | inline-block | optional |
Additional information
The template is intended to be used in the following namespaces: no namespace specified
The template is intended to be used by the following user groups: no user group specified
See also
Localization
This template is not intended to be localized.
Examples
<span style="{{Transform-rotate|315}}">[[File:North Pointer.svg|20px|link=|alt=]]</span>
gives ""
<span style="{{Transform-rotate|30}}">[[File:Albert Einstein Head.jpg|100px]]</span>
gives
""
<div style="{{Transform-rotate|45}}">[[File:Commons-logo.svg|90px|thumb|hello]]</div>
gives
"
"