如何改變字體真棒圖標的方向？

Question

我正在使用font-awsome庫來顯示解鎖圖標。

因此，默認情況下，方向是正確的方向，我想將其更改為左側。

<i class="fas fa-unlock-alt"></i>

那么，有什么方法可以改變解鎖圖標的方向嗎？

Answer 1

您可以使用此處記錄的fa-flip-horizontal類。

 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" rel="stylesheet"/> <i class="fas fa-unlock-alt"></i> <i class="fas fa-unlock-alt fa-flip-horizontal"></i> 

Answer 2

您可以旋轉和翻轉圖標與字體真棒。 在你的情況下你可以試試這個：

<i class="fas fa-unlock-alt fa-flip-horizontal"></i>

有關更多信息， 請查看此鏈接https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons

Answer 3

考慮到JS + SVG版本，您可以使用flip-h水平翻轉圖標

 <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"></script> <i class="fas fa-unlock-alt" data-fa-transform="flip-h"></i> 

更多細節： https ： //fontawesome.com/how-to-use/on-the-web/styling/power-transforms