は、それが回転して、アイコンを反転することはできますか？

Question

私はFA-棒グラフのアイコンを使用していますが、私は、左下隅に始まるのx & y軸に左から右へ行くからラインを持っているしたいと思います。

私はそこに着くために 'FA-回転-90' と 'FA-フリップ水平' の両方をペアと考えていたが、二つを組み合わせることは動作しません：

<div> 
<i class="fa fa-bar-chart"></i> normal<br> 
<i class="fa fa-bar-chart fa-rotate-90"></i> fa-rotate-90<br> 
<i class="fa fa-bar-chart fa-flip-horizontal"></i> fa-flip-horizontal<br> 
<i class="fa fa-bar-chart fa-rotate-90 fa-flip-horizontal"></i> fa-rotate-90 AND fa-flip-horizontal<br> 
</div> 

https://jsfiddle.net/virtusts/Lmtdk5ot/

どれでも提案ですか？以下CSS使用

Answer 1

：

.fa-bar-chart { 
    transform: rotate(90deg) scaleX(-1); 
} 

は、所望の結果（バーは、左のy軸に左から右へ）を生成します。

は、結果を表示するために、あなたのJSFiddleを修正しました。