• D
    • Drehen

    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