旋轉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文本]