Warum sind meine CSS3-Transform-Menüelemente in Firefox rotierend, aber nicht in Chrome oder Safari?

CSS3-Transformation funktioniert nicht:

Sie versuchen, Menüelemente um 10 Grad zu drehen, und Ihr CSS funktioniert in Firefox. Die Replikation dieses Effekts in Chrome und Safari hat sich jedoch als erfolglos erwiesen.

Verwendetes CSS:

li a {
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg); 
}

Mögliche Ursachen:

• Display-Eigenschaft: Stellen Sie sicher, dass display: block oder display: inline-block auf li angewendet wurde. Dadurch wird sichergestellt, dass die Elemente als Blöcke gerendert werden und somit korrekt transformiert werden können.
• Zielelement: Wenn die obige Lösung das Problem nicht löst, versuchen Sie, die CSS3-Transformationsregeln auf li anzuwenden statt li a.

Das obige ist der detaillierte Inhalt vonWarum sind meine CSS3-Transform-Menüelemente in Firefox rotierend, aber nicht in Chrome oder Safari?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!