Home/ Questions/Q 6709845
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T07:55:49+00:00

How do I acheive the following using CSS3 text-rotate I am looking at using

  • 0

How do I acheive the following using CSS3 text-rotate

I am looking at using 2 floated elements (one just with the text and other for right panel) with a container..

enter image description here

Any workaround to make it work in IE8 would also be appreciated..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    check this http://snook.ca/archives/html_and_css/css-text-rotation

    write like this 

    -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

    & for IE you can use filter for this 

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    check the fiddle http://jsfiddle.net/sandeep/w7vZd/12/

    & for IE8 you can conditional comment or IE css hacks.

    • 0