如何旋轉偽元素中的 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中文網其他相關文章！