擬似要素内の Unicode シンボルを回転するにはどうすればよいですか?

疑似要素のコンテンツ値を回転する

質問:

次の場合、疑似要素のコンテンツ値をどのように回転できますか?これらはインラインであり、直接変換できません?

具体的には、Unicode シンボルを回転させたいと考えています。

<code class="css">::after {
  content: "B6";
}</code>

答え:

インライン要素は変換できず、擬似要素はデフォルトでインラインになります。変換可能にするには、表示プロパティを block または inline-block に設定する必要があります。

<code class="css">#whatever:after {
  content: "B6";
  display: inline-block;
  transform: rotate(30deg);
}</code>

<code class="html"><div id="whatever">Some text</div></code>

以上が擬似要素内の Unicode シンボルを回転するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。