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

Gan*_*ate 4 javascript css font-awesome font-awesome-5

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

因此,默认情况下方向是朝正确的方向,我想将其更改为左边。

<i class="fas fa-unlock-alt"></i>
Run Code Online (Sandbox Code Playgroud)

所以,有什么方法可以改变解锁图标的方向?

Rob*_*sen 5

您可以使用此处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> 
Run Code Online (Sandbox Code Playgroud)


小智 3

您可以使用很棒的字体旋转和翻转图标。对于您的情况,您可以尝试以下操作:

<i class="fas fa-unlock-alt fa-flip-horizontal"></i>
Run Code Online (Sandbox Code Playgroud)

查看此链接以获取更多信息https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons