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

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

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

автор Katy DeCorah

автор Matt Vleming

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

Первый цвет

Второй цвет

Ширина

Высота

Скорость

Размер

Получить код

Как создать 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