Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Делаем индикатор загрузки с помощью css
Делаем индикатор загрузки с помощью css
workman
Дата: Суббота, 27.02.2016, 17:16 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


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
Код
<div id="gde31ru"></div>


Будет примерно такой но вы можете указать свой цвет

Демо

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


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Суббота, 27.02.2016, 17:55
tsakonter
Дата: Суббота, 27.02.2016, 18:44 | Сообщение # 2
Пользователи
Сообщений:152
Награды: 0


workman, как видно, там можно цвет поменять.

Добавлено (27.02.2016, 18:44)
---------------------------------------------
Но при загрузке уже есть или просто этот скрипт заменит.

frecsarg
Дата: Суббота, 27.02.2016, 18:59 | Сообщение # 3
Пользователи
Сообщений:13
Награды: 0


Куда можно поставить?

Код
<div id="gde31ru"></div>
workman
Дата: Воскресенье, 28.02.2016, 01:00 | Сообщение # 4
Vip
Сообщений:1576
Награды: 7


Цитата frecsarg ()
Куда можно поставить?

Да куда угодно, где нужна будет видна загрузка. Например в скрипт когда загружается сайт, чтобы не ставить именно картинку


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Делаем индикатор загрузки с помощью css
Страница 1 из 11
Поиск: