Делаем индикатор загрузки с помощью css - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 1
1

Форум » Веб-разработка » HTML + CSS — коды » Делаем индикатор загрузки с помощью css

Делаем индикатор загрузки с помощью css

workman

Суббота, 27 Февраля 2016 | Сообщение 1

Проверенные

Сообщений:1716

Награды: 9

« 155 »

css

Код

#gde31ru {
width: 15px;
height: 15px;
border: 5px solid #ccffcc;
border-top-color: rgb(0,255,0);
border-radius: 100%;
animation: loading2 linear .7s infinite;
}
@keyframes loading2 {
100% {transform: rotate(360deg);}
}

html

Код

Будет примерно такой

но вы можете указать свой цвет

Демо

Немного расшифрую код:
Чтобы увеличить скорость прокручивания то тут меняем под себя animation: loading2 linear .7s infinite; - 7 это скорость в миллисекундах

Прикрепления: 5461326.png (1.2 Kb)

Сообщение отредактировал
workman - Суббота, 27 Февраля 2016, 17:55

Страна: (RU)