Transform: vor oder: nach Artikel

Question

Gibt es eine Möglichkeit, die Transformation auf ein Element anzuwenden, das mit: vor eingefügt wurde?

Das Folgende funktioniert nicht, aber ich bin offen für andere Lösungen.

.itemclass:before { 
    content: "➨"; 
    transform: rotate(30deg); 
    -ms-transform: rotate(30deg); /* IE 9 */ 
    -webkit-transform: rotate(30deg); /* Safari and Chrome */ 
} 

Answer 1

Transformationen können nicht auf nicht ersetzte inline Elemente angewendet werden. Hinzufügen:

display:inline-block; 

Demo

Side-Anmerkung: Obwohl dies gilt nicht für diesen Anwendungsfall wäre absolute/fixed Positionierung die Notwendigkeit einer display Eigenschaft verwerfen, da diese automatisch als display:block behandelt werden.

Auch, ob die Definition der transformable element:

A transformierbaren Element ein Element in dem HTML-Namensraum ist, der entweder ein block-level oder atomic inline-level element oder deren 'display' Eigenschaft berechnet zu 'table-row', "table-row-group ',' table-header-group ',' table-footer-group ',' table-cell 'oder' table-caption '; oder ein Element im SVG-Namespace (siehe [SVG11]), das die Attribute 'transform', 'patternTransform' oder 'gradientTransform' hat.