css - font - cómo voltear el icono de glyphicon

icon css

Question

¿Hay alguna forma de voltear glyphicon? Encontré Flip an Image css, pero eso no funciona para glyphicon. Por favor, cualquier sugerencia

Answer 1

El uso de glyphicons logró hacer que esto funcione así:

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

ver JSFiddle aquí

Answer 2

Me gusta esto

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

O

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