come capovolgere l'icona glyphicon

C'è un modo per capovolgere il glyphicon. Ho trovato il trucco Flip an Image css, ma quello non funziona per glyphicon. Per eventuali suggerimenticome capovolgere l'icona glyphicon

fonte

2013-09-04 Jamol

si può mostrare il codice che avete provato? – Nitesh

consultare questo link funziona http://stackoverflow.com/questions/18604829/rotating-glyphicons-font-awesome-in-bootstrap – anand

rotazione icone che sono l'uso pseudo prima/dopo http contenuto: // StackOverflow. it/questions/9779919/css-rotate-a-pseudo-after-or-before-content –

Ti piace questa

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); 
}

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

fonte

2013-09-04 09:16:41 falguni

Questo non ha funzionato. Non sto usando fontawesome. Sto usando i glyphicons – Jamol

Questo ha funzionato per me e sto usando i glyphicon (tramite twitter bootstrap) anche – corinnaerin

Dovresti tenere a mente di mettere la vera proprietà css l'ultima nella lista poiché questo potrebbe in alcuni casi causare una differenza di rendering: https: //css-tricks.com/ordering-css3-properties/ – Berty

Uso glyphicons riusciti a fare questo lavoro in questo modo:

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"; 
}

vedere JSFiddle qui

fonte

2015-01-28 15:20:33 Jax

vorrei che avesse una soluzione più elegante tramite una classe embedded. quindi bootstrap non ha una tale classe da ruotare, giusto? – MonsterMMORPG

@MonsterMMORPG non che io sappia. – Jax

risposta

Problemi correlati