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???

0

4 Answers 4

2

Did you try this ?

-o-transform: rotate(270deg);
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;

}

2
  • 1
    thank you Its working :) added the filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Working in IE6 also Feb 4, 2011 at 7: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 4, 2011 at 8:06
0

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

-webkit-transform: rotate(-270deg); 
-moz-transform: rotate(-270deg);
2
  • I think you will find that 360 - 90 = 270
    – Justin
    Feb 4, 2011 at 7:09
  • @Kragen Hah lol you are right, I read it too quickly and missed the "-" minus sign
    – JK.
    Feb 4, 2011 at 7:20
0

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

Your Answer

Reminder: Answers generated by Artificial Intelligence tools are not allowed on Stack Overflow. Learn more

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.