7

:before で挿入された要素に変換を適用する方法はありますか?

以下は機能しませんが、他の解決策を受け入れます。

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

1 に答える 1

14

inline置換されていない要素に変換を適用することはできません。追加：

display:inline-block;

デモ

補足: これはこのユース ケースには当てはまりませんが、absolute/fixedの配置はプロパティの必要性を破棄します。displayこれらは自動的に として扱われるためdisplay:blockです。

また、変換可能な要素の定義を確認してください。

変換可能な要素は、HTML 名前空間の要素であり、ブロック レベルまたはアトミック インライン レベルの要素であるか、'<code>display' プロパティが '<code>table-row'、'<code>table- row-group'、'<code>table-header-group'、'<code>table-footer-group'、'<code>table-cell'、または '<code>table-caption'; または属性「<a href="http://www.w3.org/TR/css3-transforms/#effects"> 」、「<code>patternTransform」を持つSVG 名前空間 ( [SVG11]transformを参照) の要素' または '<code>gradientTransform'.

于 2013-04-19T15:41:31.663 に答える