是否可以旋轉並翻轉圖標？

Question

我正在使用fa-bar-chart圖標，但我想要從左下角開始的行從左到右，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/

任何建議？

Answer 1

使用下面的CSS：

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

產生所期望的結果（條左接左y軸的向右）。

修改您的JSFiddle以顯示結果。