css旋转一个伪：之后或：之前的内容：“”

无论如何做一个轮换工作在伪

content:"\24B6"? 

我试图旋转一个Unicode符号。

Answer 1

内联元素不能被转换，伪元素默认是内联的，所以你必须应用display: block或display: inline-block来转换它们：

 ​#whatever:after { content:"\24B6"; display: inline-block; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }​ 

http://jsfiddle.net/m3kqN/

Answer 2

 .process-list:after{ content: "\2191"; position: absolute; top:50%; right:-8px; background-color: #ea1f41; width:35px; height: 35px; border:2px solid #ffffff; border-radius: 5px; color: #ffffff; z-index: 10000; -webkit-transform: rotate(50deg) translateY(-50%); -moz-transform: rotate(50deg) translateY(-50%); -ms-transform: rotate(50deg) translateY(-50%); -o-transform: rotate(50deg) translateY(-50%); transform: rotate(50deg) translateY(-50%); } 

你可以检查这个代码。 我希望你会很容易理解。