Template:Transform-rotate

Template documentation[ view · edit · history · purge ]

This documentation is transcluded from 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

{{Compass rose file}}, {{Rotate}}

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
"

hello

"