CSS Load.net - Горизонтальные индикаторы средствами CSS и HTML

Горизонтальные

Генератор горизонтальных индикаторов загрузки при помощи CSS и HTML

автор Mike Arvela

автор Jonathan Selwall

автор Marco Biedermann

автор Rich Howell

автор Short

автор GiVe

автор JesGraPa

автор JesGraPa

автор JesGraPa

автор JesGraPa

Текст анимации

Первый цвет

Второй цвет

Ширина

Высота

Скорость

Размер

Получить код

Как создать CSS анимацию

- Выбираете шаблон анимации
- Выбираете 2 цвета анимации
- Устанавливаете желаемый размер (Размер устанавливается с соблюдением пропорций автоматически)
- Выбираете скорость анимации
- Отмечаете "Да" в опции "Обратная анимация" для выбранного эффекта

Loading animation...

Copied... Copied... Копировать HTML Копировать CSS

« Вернуться к генератору

All

-moz-

-webkit-

-o-

-ms-

?

Префиксы устанавливаются для следующих браузеров:

-moz-	Firefox 5+
-webkit-	Google Chrome, Safari 4+, Safari for IPhone, другие браузеры с префиксом webkit
-o-	Opera 12 - 12.10 (не включая 12.10)
-ms-	Internet Explorer 10 (первые версии)
No prefix	Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome

Выделить код

Включить префиксы: -moz- -webkit- -o- -ms- No prefix

?

Префиксы устанавливаются для следующих браузеров:

-moz-	Firefox 5+
-webkit-	Google Chrome, Safari 4+, Safari for IPhone, другие браузеры с префиксом webkit
-o-	Opera 12 - 12.10 (не включая 12.10)
-ms-	Internet Explorer 10 (первые версии)
No prefix	Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome