comment flip glyphicon icône

Est-il un moyen de retourner glyphicon. J'ai trouvé Retourner une Image css truc, mais cela ne fonctionne pas pour glyphicon. Merci des suggestions

InformationsquelleAutor Jamol | 2013-09-04
  1. 69

    Comme ce

    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

    • Cela n'a pas fonctionné. Je ne suis pas à l'aide de fontawesome. Je suis à l'aide de glyphicons
    • Cela a fonctionné pour moi et je suis en utilisant glyphicons (via twitter bootstrap) trop
    • Vous devez garder à l'esprit de mettre de la vraie propriété css en dernier dans la liste, car cela pourrait dans certains cas, de faire le rendu d'une différance: css-tricks.com/ordering-css3-properties
    • pour utiliser cette solution avec Bootstrap Glyphicons vous devez faire comme ceci: <a href="#" class="btn"><span class="glyphicon glyphicon-repeat icon-flipped"></span></a>. Désolé pour le codage dans les commentaires, mes modifications ont été rejetées.
    • J'ai essayé de l'appliquer au fer à repasser-icône (qui est l'icône de composants pour le Polymère) et ça ne fonctionne pas!! @falguni-panchal avez-vous une idée ? à l'intérieur du composant, il est une icône au format svg btw
    InformationsquelleAutor Falguni Panchal
  2. 16

    À l'aide de glyphicons réussi à faire ce travail 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

    • je souhaite qu'elle a de plus élégant de la solution par l'intermédiaire d'un incorporé de classe. donc, bootstrap n'a pas de classe pour une rotation à droite?
    • non pas que je suis au courant de.
    InformationsquelleAutor Jax