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

Анимированные иконки 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>

Загрузка...


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

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.