web-dev-qa-db-de.com

wie man das Glyphicon-Symbol umdreht

Gibt es eine Möglichkeit, Glyphicon umzudrehen? Ich fand Flip an Image CSS-Trick, aber das funktioniert nicht für Glyphicon. Bitte irgendwelche Vorschläge

38
Jamol

So was

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

72
Falguni Panchal

Die Verwendung von Glyphicons hat es geschafft, dass dies so funktioniert:

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

siehe JSFiddle hier

16
Jax