Question

我正在使用字体字体库显示解锁图标。

因此，默认情况下，方向是向右，我想将其向左更改。

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

那么，有什么方法可以改变解锁图标的方向吗？

Answer 1

您可以使用here中记载的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

如何更改字体超赞图标的方向？

3 个答案: