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>

Answer 2

xml file

您可以查看此代码。我希望你能轻松理解。