Анимированные иконки Awesome
Сегодня интересная тема – анимированные иконки шрифта Awesome. Вообще! Это классный шрифт рекомендую – шикарная вещь!Итак…
У нас есть несколько примеров анимированных иконок шрифта Awesome.
Крутящаяся иконка с несколькими маленьким кругами, которые крутятся вокруг некой оси:
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Загрузка...</span>
Вторая анимированная иконка – это прерванный круг, который крутится вокруг своей оси.
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Загрузка...</span>
Анимированная иконка – две стрелки крутятся по кругу друг за другом.
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Загрузка...</span>
Анимированная иконка – шестерёнка, которая также крутится по кругу.
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Загрузка...</span>
Ну и последняя на сегодня анимированная иконка – это модифицированная 1 анимированная иконка - где круги увеличиваются в размере по кругу.
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Загрузка...</span>