Template:Transform-rotate/doc

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

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

ParameterDescriptionDefaultStatus
1angleRotation angle measured in degrees clockwise (°↻) from the up-pointing vector.emptyrequired
displaydisplayby default rotation is accompanied by display:inline-block, as it rotates around center. Use this parameter to change this default.inline-blockoptional

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
"

hello

"