文本旋转90°；仅使用CSS

是否可以仅使用CSS将文本旋转90°（顺时针或逆时针），并且与IE6+、Firefox 2和Opera兼容？

IE中的BasicImage过滤器可以做到：

---

IE中的基本图像过滤器可以做到：

.rot-neg-90{
/*旋转-90度，不确定是否支持负数，所以我使用了270度*/
-moz变换：旋转（270度）；
-moz变换原点：50%50%；
-webkit变换：旋转（270度）；
-webkit转换来源：50%50%；
-o变换：旋转（270度）；
-o-变换原点：50%50%；
变换：旋转（270度）；
变换原点：50%50%；
/*IE

.rot-neg-90{
/*旋转-90度，不确定是否支持负数，所以我使用了270度*/
-moz变换：旋转（270度）；
-moz变换原点：50%50%；
-webkit变换：旋转（270度）；
-webkit转换来源：50%50%；
-o变换：旋转（270度）；
-o-变换原点：50%50%；
变换：旋转（270度）；
变换原点：50%50%；
/*IEduplicate of duplicate of duplicate of Preferty sure与Firefox 2或Operate不兼容问题的原始版本只指定了IE6及更高版本。@colin.coghill:这仍然是一个有效的答案，只是不是一个完整的答案。在Firefox和webkit上更容易。Opera更难。Preferly sure这与Firefox 2或Operate不兼容原始版本关于这个问题，只指定了IE6和更高版本。@colin.coghill:这仍然是一个有效的答案，只是不是一个完整的答案。在firefox和webkit上更容易。Opera更难。pretty cross browser:>=IE6、>=ff2和webkit pretty cross browser:>=IE6、>=ff2和webkit
.rot-neg-90 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  -o-transform: rotate(270deg);
  -o-transform-origin: 50% 50%;
  transform: rotate(270deg);
  transform-origin: 50% 50%;

  /* IE<9 */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}