CSS - Elementen roteren


Met behulp van CSS kun je sinds CSS 3 elementen eenvoudig roteren. Dit is bijvoorbeeld leuk voor een bepaalde afbeelding of iets dergelijks. Alle moderne browsers zoals Chrome, Firefox en de laatste versies Internet Explorer hebben ondersteuning voor het roteren van elementen, alleen voor browser Safari moet er nog een prefix ingesteld worden.

Het roteren gaat met behulp van de onderstaande code. Vul hier zelf het aantal gewenste graden in om het element naar wens te roteren, onder de code zie je een voorbeeld.

div.rounded {
        -webkit-transform:rotate(60deg);
        transform: rotate(60deg);
}


Lorem Lipsum Dolor Simet