как перевернуть значок glyphicon

есть ли способ, чтобы перевернуть glyphicon. Я нашел перевернуть изображение в CSS трюк, но это не работает для glyphicon. Пожалуйста, любые предложения

34
css flip glyphicons icons

2 ответов

такой

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

61

использование технологии glyphicons удалось сделать эту работу так:

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 здесь

15