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

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

автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
Go to page 2
Текст анимации
Первый цвет
Второй цвет
Ширина
Высота
Скорость
Размер
Получить код
Как создать CSS анимацию
  • - Выбираете шаблон анимации
  • - Выбираете 2 цвета анимации
  • - Устанавливаете желаемый размер (Размер устанавливается с соблюдением пропорций автоматически)
  • - Выбираете скорость анимации
  • - Отмечаете "Да" в опции "Обратная анимация" для выбранного эффекта
Loading animation...
Copied... Copied... Копировать HTML Копировать CSS
« Вернуться к генератору
?
Префиксы устанавливаются для следующих браузеров:
-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- 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