Objekte drehen mit transform:rotate

Über die Eigenschaft transform:rotate kann man über CSS Objekte im oder gegen den Uhrzeigersinn drehen lassen.

Drehung im Uhrzeigersinn

Definition in css

div.transform {
-moz-transform: rotate(30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(30deg); /* Safari */
-o-transform: rotate(30deg); /* Opera */
-ms-transform: rotate(30deg); /* IE9 */
transform: rotate(30deg); /* W3C */
}

Und so schaut´s aus

Drehung gegen den Uhrzeigersinn

Definition in css

div.transform {
-moz-transform: rotate(-30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(-30deg); /* Safari */
-o-transform: rotate(-30deg); /* Opera */
-ms-transform: rotate(-30deg); /* IE9 */
transform: rotate(-30deg); /* W3C */
}

Und so schaut´s aus