Как сменить направление шрифта на классную иконку? - PullRequest
Новая
       20

Как сменить направление шрифта на классную иконку?

4 голосов
/ 05 июня 2019

Я использую библиотеку font-awsome для отображения значка разблокировки.

Итак, по умолчанию направление в правильном направлении, я хочу изменить его влево. 

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

ТАК, есть ли способ, которым я могу изменить направление значка разблокировки?

Ответы [ 3 ]

5 голосов
/ 05 июня 2019

Вы можете использовать класс 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>
1 голос
/ 05 июня 2019

Вы можете вращать и переворачивать иконки с использованием отличного шрифта. В вашем случае вы можете попробовать это: 

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

Проверьте эту ссылку для получения дополнительной информации https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons

0 голосов
/ 05 июня 2019

Учитывая версию 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

...