HTML Text drehen

Texte drehen mittels HTML. Ja es geht.
Mit „rotate“ funktionieren Drehungen Gradgenau. Im folgenden die Syntax für verschiedene Browser.

.rotate {
-moz-transform: rotate(-90deg); /* firefox */
-webkit-transform: rotate(-90deg); /* chrome und safari*/
-o-transform: rotate(-90deg); /* opera */
transform: rotate(90deg); /* explorer ab Version 9 */
}

Für Explorer Versionen vor 9 gibt es einen work-around, der allerdings nur im 90 Grad Schritten funktioniert.
3 steht hier für die -90 Grad Drehung. 1 wäre 90 Grad, 2 180 Grad.

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.