СКРИПТЫ
ТЕГИ:
php (325)
js (242)
html (146)
css (130)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (28)
fonts (26)
link (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
svg (18)
input (18)
hosting (18)
php date (17)
html book (16)
php time (16)
board (16)
color (15)
js url (14)
img (14)
js events (14)
js time (14)
info (13)
select (13)
osclass (13)
htaccess (13)
notepad (13)
знак (12)
php path (12)
keyboard (12)
php img (12)
download (12)
table (12)
dw block (12)
jsphp (11)
form (11)
icon (11)
yandex (10)
mouse (10)
js delete (10)
keyframes (10)
hover (9)
dosite (8)
browser (7)
cookie (7)
comment (7)
php url (7)
php get (6)
click (6)
mysql (6)
canvas (6)
list (6)
iframe (6)
js math (5)
reg.ru (5)
adminka (5)
mb (5)
heading (5)
tag a (5)
chart (5)
search (5)
ftp (5)
year (5)
js id (5)
value (5)
base64 (4)
day (4)
нок (4)
flags (4)
week (4)
xml (4)
scandir (4)
ssl (4)
bbcode (4)
php var (4)
games (4)
console (4)
js form (4)
vk (4)
pages (4)
submit (4)
month (4)
symbols (4)
task (4)
https (3)
js hash (3)
js post (3)
domen (3)
money (3)
vs code (3)
куб (3)
js img (3)
ucoz (3)
padding (3)
captcha (3)
numbers (3)
line (3)
tag hr (2)
qr kod (2)
youtube (2)
video (2)
рся (2)
sitemap (2)
counter (2)
details (2)
prompt (2)
typeof (2)
google (2)
height (2)
arrows (2)
seo (2)
js vars (2)
smile (1)
scroll (1)
speed (1)
нод (1)
archive (1)
header (1)
windows (1)
rutube (1)
jino (1)
cursor (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>

Загрузка...


Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Теги :
анимированные иконки для сайта/font awesome анимация/
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

ruweb dwweb.ru есть здесь:
Последние комментарии :
Марат :
15.08.2023 17:50
Значит в "maxv" сидит…
подробнее.
михаил :
15.08.2023 16:53
а если это сделано для диаграммы values / maxv)…
подробнее.
Марат :
17.07.2023 15:50
Спасибо за интересный вопрос! Посмотрите …
подробнее.
Александр :
17.07.2023 14:58
а как сделать чтобы при повторном клике значение value возвращалось к…
подробнее.
Марат :
30.06.2023 10:18
Спасибо за внимательность!
подробнее.
???? :
29.06.2023 15:37
Прямоугольник - это геометрическая фигура, у которой три угла…
подробнее.
Немного о ruweb.net!
Страница загружена за : 0.013896 секунд. Подробнее