Войти
×
Меню :
icon (11)
css (147)



Blog (2049)
other (490)
php (390)
js (302)
html (153)
css (147)
php book (142)
пк (124)
html tags (63)
js tag (56)
windows (48)
js method (44)
Показать еще :
jquery (43)
php array (39)
ruweb.net (38)
text (37)
js date (33)
form html (30)
online (29)
link (26)
fonts (24)
dosite (22)
js events (22)
php file (21)
lingvo (20)
atom (20)
foto (20)
input (19)
database (19)
svg (18)
forum (18)
mysql (17)
php date (17)
hosting (17)
php time (17)
фото (16)
php img (16)
img (15)
color (15)
android (15)
info (15)
jsphp (14)
xiaomi (14)
board (14)
js url (14)
js time (14)
notepad (14)
yandex (13)
htaccess (13)
osclass (13)
знак (13)
select (13)
table (13)
download (12)
$ server (12)
php path (12)
icon (11)
html book (11)
keyboard (11)
vs code (11)
cookie (11)
css img (10)
ftp (10)
form (10)
ось (10)
js delete (10)
dw block (10)
mouse (10)
paint (10)
iframe (9)
cd (9)
hover (8)
php url (7)
ok (7)
comment (6)
search (6)
canvas (6)
js vars (6)
list (6)
hey tag (6)
нок (6)
php get (6)
click (6)
tag a (5)
value (5)
heading (5)
js id (5)
year (5)
reg.ru (5)
js math (5)
mb (5)
js file (5)
xml (5)
web (5)
console (5)
bbcode (4)
base64 (4)
word (4)
js form (4)
day (4)
week (4)
qr code (4)
news (4)
symbols (4)
ssl (4)
pages (4)
month (4)
submit (4)
vk (4)
2022 (4)
ucoz (4)
task (4)
js hash (4)
numbers (4)
games (4)
youtube (4)
js img (4)
adminka (4)
scandir (4)
php var (4)
js book (3)
units (3)
aimp (3)
folder (3)
line (3)
https (3)
js post (3)
padding (3)
рся (3)
куб (3)
file (3)
php day (3)
404 (3)
domen (3)
video (3)
ozon (3)
captcha (3)
seo (2)
counter (2)
height (2)
details (2)
prompt (2)
src (2)
akaso (2)
dns (2)
sitemap (2)
google (2)
blob (2)
rutube (2)
kfc (2)
tag hr (2)
arrows (2)
typeof (2)
cursor (1)
money (1)
replace (1)
speed (1)
нод (1)
smile (1)
opera (1)
jino (1)
втб (1)
font (1)
archive (1)
webp (1)
#html (1)
chart (1)
date (1)
name (1)
scroll (1)
header (1)

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

Сегодня интересная тема – анимированные иконки шрифта 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>

Загрузка...
Не стесняемся говорить спасибо!
Всего комментариев : 0Comments+ 2.0
1000
+ =
Помочь проекту DwWeb.ru

1). Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

2). Помочь материально.

Теги:
анимированные иконки для сайта/font awesome анимация/
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2026 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.021894 секунд.