トランスフォーム：前または後のアイテム

Question

挿入されたエレメントにトランスフォームを適用する方法はありますか？

以下は動作しませんが、私は他のソリューションにも対応しています。

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

Answer 1

非置換のinline要素には変換を適用できません。追加：

display:inline-block; 

Demo

サイド注：これらは自動的にdisplay:blockとして扱われ、これは、このユースケースには適用されませんが、absolute/fixedポジショニングはdisplayプロパティの必要性を捨てるでしょう。

また、transformable elementの定義を確認してください。

変形要素がblock-levelかatomic inline-level elementのいずれかであるHTML名前空間の要素である、あるいはその「display」プロパティは '、「table-row」に計算しtable-row-group '、' table-header-group '、' table-footer-group '、' table-cell '、または' table-caption ';属性「transform」、「patternTransform」または「gradientTransform」を持つSVG名前空間内の要素（[SVG11]を参照）。