Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Анимированные иконки Awesome

Поддержи проект!!! smile

Сегодня интересная тема – анимированные иконки шрифта Awesome. Вообще! Это классный шрифт рекомендую – шикарная вещь!

Итак…

У нас есть несколько примеров анимированных иконок шрифта Awesome.

1

Крутящаяся иконка с несколькими маленьким кругами, которые крутятся вокруг некой оси:

<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>

<span class="sr-only">Загрузка...</span>

Загрузка...
2

Вторая анимированная иконка – это прерванный круг, который крутится вокруг своей оси.

<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>

<span class="sr-only">Загрузка...</span>

Загрузка...

3

Анимированная иконка – две стрелки крутятся по кругу друг за другом.

<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>

<span class="sr-only">Загрузка...</span>

Загрузка...

4

Анимированная иконка – шестерёнка, которая также крутится по кругу.

<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>

<span class="sr-only">Загрузка...</span>

Загрузка...

5

Ну и последняя на сегодня анимированная иконка – это модифицированная 1 анимированная иконка - где круги увеличиваются в размере по кругу.

<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>

<span class="sr-only">Загрузка...</span>

Загрузка...


Вас может еще заинтересовать список тем : #CSS | #FONT_AWESOME | #ICON |
Последняя дата редактирования : 2020-02-26 12:25
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
анимированные иконки для сайтаfont awesome анимация

Последние комментарии :
Марат :
19/01/2021 01:13
Всегда пожалуйста!Приходите ещё!
подробнее.
аркадий :
19/01/2021 01:08
Спасибо!Меню вернулось. Класс!
подробнее.
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.