内联元素无法转换，伪元素默认情况下是内联的，因此您必须应用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);

}


<div id="whatever">Some text </div>