使用CSS / Javascript / Jquery旋转文本 [英] Rotate text with CSS/Javascript/Jquery

问题描述

我已经尝试将文字旋转到270度

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);

在Firefox，Google Chrome，Safari中工作完美，在IE 8,7,6中处理一些间距问题

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

但它在OPERA中的真正吸引任何想法

but its really Sucks in OPERA Any Idea???

推荐答案

它适用于我。在Linux上使用Opera 11

It works for me. Using Opera 11 on Linux

示例： 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;

}

这篇关于使用CSS / Javascript / Jquery旋转文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！