Turn text CSS

To rotate text via CSS, in IE, Safari, Chrome and Firefox, use the following code:

.ninety-degrees-rotation{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

The effect can be a bit hard to make use of, though (the elements are turned outside their original bounding boxes).

(thanks to Tonci Damjanic for the Opera code)

2 Responses to “Turn text CSS”

  1. Tonci says:
    September 2, 2010 at 1:54 pm

    You’ve forgotten about Opera:

    -o-transform: rotate(-90deg);

    Reply

Leave a Reply