CSS3文本旋转

Question

如何acheive以下使用CSS3文本旋转

我期待在使用2个浮动元素（一个只与文本和其他用于右图）与容器..

任何解决办法，使其在IE8工作也将感激..

Answer 1

检查这个http://snook.ca/archives/html_and_css/css-text-rotation

写这样的

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

& IE浏览器就可以使用过滤器这个

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

检查小提琴http://jsfiddle.net/sandeep/w7vZd/12/

&为IE8可以有条件的评论或IE的CSS黑客。

Answer 2

元素上使用

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

。 （可能是90，而不是-90 - 你必须检查！）。 IE浏览器仅取值1,2,3,4，表示每旋转90°。