Drehung im Uhrzeigersinn

Definition in css

div.rotate {
-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 */
}

Drehung gegen den Uhrzeigersinn

Definition in css

div.rotate_back {
-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 */
}

Quelle: http://www.css-lernen.net/css-drehen-rotate-transformieren.php

text rotation

Canvas text animation example