ホームページ  >  記事  >  ウェブフロントエンド  >  擬似要素内の Unicode シンボルを回転するにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-31 18:44:02813ブラウズ

How to Rotate a Unicode Symbol in a Pseudo-Element?

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

質問:

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

具体的には、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。