变换：在项目之前或之后：

Question

有没有办法将变换应用到插入的元素：before？

以下不起作用，但我对其他解决方案持开放态度。

.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

附注：虽然这不适用于此用例，但absolute / fixed定位会放弃对display属性的需求，因为这些属性会自动视为display:block 1}}。

另外，请检查transformable element的定义：

  

可转换元素是HTML命名空间中的一个元素，它是block-level或atomic inline-level element，或者其“display”属性计算为“table-row”， table-row-group'，'table-header-group'，'table-footer-group'，'table-cell'或'table-caption';或SVG命名空间中的元素（请参阅[SVG11]），其中包含“transform”，“patternTransform”或“gradientTransform”属性。