의사 요소에서 유니코드 기호를 회전하는 방법은 무엇입니까?

의사 요소 콘텐츠 값 회전

질문:

다음과 같은 경우 의사 요소의 콘텐츠 값을 어떻게 회전할 수 있습니까? 인라인이므로 직접 변환할 수 없나요?

구체적으로 유니코드 기호를 회전하고 싶습니다.

<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>

위 내용은 의사 요소에서 유니코드 기호를 회전하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!