css旋转伪:在:或之前:内容:""

Question

无论如何要对伪进行旋转工作

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);
}

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