[解決済み] css rotate a pseudo :after or :before content:"".

質問

擬似的に回転を効かせる方法は？

content:"\24B6"? 

ユニコード記号を回転させようとしているのですが。

どのように解決するのですか？

インライン要素は変形できず、擬似要素はデフォルトでインラインになっているため、インライン要素を変形するために display: block または display: inline-block を使って変換します。

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

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