1

I have tried this to rotate text to 270 Degree

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

Working Perfectly in Firefox, Google Chrome, Safari working with some spacing issue in IE 8,7,6

but its really Sucks in OPERA Any Idea???

Sujith Kumar KS
  • 1,043
  • 12
  • 23

4 Answers4

2

Did you try this ?

-o-transform: rotate(270deg);
Fabien Ménager
  • 140,109
  • 3
  • 41
  • 60
1

It works for me. Using Opera 11 on Linux

Sample: http://www.inwardpath.com.au

/* This wrapper is required to rotate the text around the left edge */
#page_title {
overflow: visible;
position: absolute;
width: 38px;
-moz-transform: rotate(90deg);
-moz-rotation-point: 0 0;
-webkit-transform: rotate(90deg);
-webkit-rotation-point: 0 0;
-o-transform: rotate(90deg);
-ms-writing-mode: tb-lr;
* html writing-mode: tb-lr;

}

SpliFF
  • 38,186
  • 16
  • 91
  • 120
  • 1
    thank you Its working :) added the `filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);` Working in IE6 also – Sujith Kumar KS Feb 04 '11 at 07:26
  • I found that ms-writing-mode produced a 'cleaner' font outline than the rotation filter. I was under the impression it was supported in IE6 but I never cared to test it (IE6 must die!) – SpliFF Feb 04 '11 at 08:06
0

Your code example is for rotating 90 degrees. To rotate 270 try this

-webkit-transform: rotate(-270deg); 
-moz-transform: rotate(-270deg);
JK.
  • 21,477
  • 35
  • 135
  • 214
0

I like using this - http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html

Jo Albright
  • 560
  • 1
  • 5
  • 14