Wie dreht man ein Unicode-Symbol in einem Pseudoelement?

Pseudoelement-Inhaltswerte drehen

Frage:

Wie können Sie angesichts dessen den Inhaltswert eines Pseudoelements drehen? sie sind inline und können nicht direkt transformiert werden?

Konkret wollen wir ein Unicode-Symbol drehen.

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

Antwort:

Inline-Elemente können nicht transformiert werden und Pseudoelemente sind standardmäßig inline. Um sie transformierbar zu machen, müssen Sie ihre Anzeigeeigenschaft entweder auf Block oder Inline-Block setzen.

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

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

Das obige ist der detaillierte Inhalt vonWie dreht man ein Unicode-Symbol in einem Pseudoelement?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!