web-dev-qa-db-fra.com

comment retourner l'icône glyphicon

Existe-t-il un moyen de retourner le glyphicon. J'ai trouvé Flip an Image astuce css, mais cela ne fonctionne pas pour le glyphicon. S'il vous plaît toutes les suggestions

cssiconsflipglyphicons
38
Jamol

Comme ça

[~ # ~] 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);
}

[~ # ~] ou [~ # ~]

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

72
Falguni Panchal

L'utilisation de glyphicons a réussi à faire fonctionner cela comme suit:

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

voir JSFiddle ici

16
Jax