Nur Inhalt nach Pseudoelement umwandeln

Question

Es ist möglich, nur Inhalte zu drehen?

div:after { 
    content: "10"; 
    background-color: fuchsia; 
    display: inline-block; 
    transform: rotate(30deg); 
    font-size: 30px; 
} 

Beispiel Bild:

Answer 1

Nein, es ist nicht möglich. Aber Sie können sowohl :before und :after nutzen, dies zu erreichen:

div { 
 
    position: relative; 
 
} 
 

 
div:after{ 
 
    content: "10"; 
 
    display: inline-block; 
 
    transform: rotate(30deg); 
 
    font-size: 30px; 
 
    position: absolute; 
 
    left: 10; 
 
} 
 

 
div:before{ 
 
    content: ""; 
 
    background-color: fuchsia; 
 
    display: inline-block; 
 
    height: 35px; 
 
    width: 35px; 
 
    position: absolute; 
 
    left: 10; 
 
}

<div></div>