У меня проблема, когда крутится значок шрифта поворота - PullRequest
Новая
       15

У меня проблема, когда крутится значок шрифта поворота

1 голос
/ 27 апреля 2020

У меня проблема при повороте потрясающей иконки. если я поверну его на 180 градусов, значок немного сдвинется. смотрит на скриншот.

Не повернуть

Повернуть на 180 градусов

Код: 

<i class="fa fa-angle-down icon-show"></i>
.icon-show {
    transform: rotate(180deg);
    transition: all 0.15s ease-in;
}
.icon-show:hover {
    transform: rotate(360deg);
    transition: all 0.15s ease-out;
}

1 Ответ

0 голосов
/ 27 апреля 2020 

.icon-show {
    transform: rotate(180deg);
    transition: all 0.15s ease-in;
}
.icon-show:hover {
    transform: rotate(360deg);
    transition: all 0.15s ease-out;
}
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i class="fa fa-angle-down fa-2x icon-show"></i>
...