☰

疑似要素のコンテンツ値を回転させる方法 質問する

tag-icon • tag-icon css rotation pseudo-element
疑似要素のコンテンツ値を回転させる方法 質問する

疑似要素はインラインであり、インライン要素を変換できないため、疑似要素のコンテンツ値に対して回転を機能させるにはどうすればよいですか?

content:"\24B6"?

Unicode シンボルを回転しようとしています。

ベストアンサー1

インライン要素は変換できず、疑似要素はデフォルトでインラインなので、変換するにはdisplay: blockまたは を適用する必要があります。display: inline-block

#whatever:after {
  content: "\24B6";
  display: inline-block;
  transform: rotate(30deg);
}
<div id="whatever">Some text </div>

おすすめ記事