Wie man Glyphicon Symbol umkehrt

Gibt es eine Möglichkeit, Glyphicon umzukehren. Ich fand Flip an Image CSS-Trick, aber das funktioniert nicht für Glyphicon. Bitte AnregungenWie man Glyphicon Symbol umkehrt

Quelle

2013-09-04 Jamol

Können Sie den Code anzeigen, die Sie haben versucht? – Nitesh

diesen Link finden es funktioniert http://stackoverflow.com/questions/18604829/rotating-glyphicons-font-awesome-in-bootstrap – anand

Symbole Rotierende die Verwendung pseudo sind vor/nach dem Inhalt http: // Stackoverflow. com/questions/9779919/css-rotate-a-pseudo-nach-oder-vor-inhalt –

Gefällt Ihnen dieses

HTML

<a href="#" class="btn"><i class="icon-rotate icon-flipped"></i></a>

CSS

.icon-flipped { 
    transform: scaleX(-1); 
    -moz-transform: scaleX(-1); 
    -webkit-transform: scaleX(-1); 
    -ms-transform: scaleX(-1); 
}

ODER

http://fortawesome.github.io/Font-Awesome/examples/#rotated-flipped

Quelle

2013-09-04 09:16:41 falguni

Das hat nicht funktioniert. Ich benutze nicht Fontawesome. Ich benutze Glyphicons – Jamol

Dies funktionierte für mich und ich verwende Glyphicons (via Twitter Bootstrap) zu – corinnaerin

Sie sollten daran denken, die tatsächliche CSS-Eigenschaft zuletzt in der Liste, da dies in einigen Fällen eine Render-Differenz verursachen könnte: https: //css-tricks.com/ordering-css3-properties/ – Berty

Mit glyphicons verwaltet diese Arbeit zu machen, wie so:

HTML

<span class="glyphicon glyphicon-search" id="my-glyphicon"></span>

CSS

#my-glyphicon { 
     -moz-transform: scaleX(-1); 
     -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
}

JSFiddle hier sehen

Quelle

2015-01-28 15:20:33 Jax

Ich wünschte, es hat elegantere Lösung über eine eingebettete Klasse. Bootstrap hat also keine solche Klasse um richtig zu rotieren? – MonsterMMORPG

@MonsterMMORPG nicht, dass ich mir dessen bewusst bin. – Jax

Antwort

Verwandte Themen