css - グリフィコンアイコンを反転する方法

Question

グリフィコンを反転する方法はありますか。Flip an Image css トリックを見つけましたが、グリフィコンでは機能しません。提案をお願いします

Answer 1

グリフィコンを使用すると、次のように機能します。

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を参照してください