旋转HTML特殊字符或文本

Question

我有这样的HTML字符：

<div class="rotate">&#62;&#62;</div> 

我想这个人物朝下，例如。

我发现这个CSS，它似乎不工作。

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

如何旋转？ jsfiddle

Answer 1

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

https://jsfiddle.net/pzawLfgz/2/

，并注意到这一点：

重要的是，特殊的想象，为旧浏览器版本 CSS后一般命令排在最后。然后浏览器 始终提供最后一次识别的命令，其广义定义为 ，它们的执行效果甚至可能略有不同。因此，请务必结构如下：从 特殊到一般

Answer 2

更换webkit-transform: rotate(-90deg);通过-webkit-transform: rotate(-90deg);有错字你错过了-。

小提琴：https://jsfiddle.net/pzawLfgz/3/

的[我如何旋转在CSS文本]