Modèle:Transformation-rotation

Documentation[voir] [modifier] [historique] [purger]

Utilisation

Description du rôle de ce modèle à compléter.

Paramètres

Description du modèle à compléter.

Paramètres du modèle[Modifier les données du modèle]
Paramètre		Description	Type	État
Aucun paramètre spécifié

Exemple

{{Transformation-rotation|paramètre1|nom1param=valeur1}}

display: inline-block; transform: rotate(paramètre1deg);

Syntax	Result
Some rotated characters:
<span style="{{transformation-rotation\|90}}">5</span> <span style="{{Transformation-rotation\|180}}">5</span> <span style="{{Transformation-rotation\|270}}">5</span> <span style="{{Transformation-rotation\|360}}">5</span>	5 5 5 5
*Some rotated special characters (useful when the font-family has no italic or oblique font):*
<span style="font-size: 1.4em; {{Transformation-rotation\|0}}">∫</span> <span style="font-size: 1.4em; {{Transformation-rotation\|20}}">∫</span> <span style="font-size: 1.4em; {{Transformation-rotation\|40}}">∫</span> <span style="font-size: 1.4em; {{Transformation-rotation\|60}}">∫</span>	∫ ∫ ∫ ∫
Works with numbers, too
<span style="{{Transformation-rotation\|0}}">0</span> <span style="{{Transformation-rotation\|10}}">1</span> <span style="{{Transformation-rotation\|20}}">2</span> <span style="{{Transformation-rotation\|30}}">3</span> <span style="{{Transformation-rotation\|40}}">4</span> <span style="{{Transformation-rotation\|50}}">5</span> <span style="{{Transformation-rotation\|60}}">6</span> <span style="{{Transformation-rotation\|70}}">7</span> <span style="{{Transformation-rotation\|80}}">8</span> <span style="{{Transformation-rotation\|90}}">9</span>	0 1 2 3 4 5 6 7 8 9
Or with arbitrary text
<span style="{{Transformation-rotation\|-90}}">This text<br />is vertically<br />aligned.</span><br /> <br /><span style="{{Transformation-rotation\|-180}}">This text is upside down.</span>	This text is vertically aligned. This text is upside down.
This is a placeholder image, It is rotated 90 degrees clockwise.
<div style="position:relative; top:0px; left:0px; {{Transformation-rotation\|90\|display=block}}">[[file:Image PlaceHolder.png\|200px]]</div>
This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.
<div style="border:3px solid red; width:150px; position:relative; top:50px; opacity:0.5; {{Transformation-rotation\|-30\|display=block}}"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Projet Modèle

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.