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

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

автор CSS load.net
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор Boris Graeff
автор Lucas Bebber
автор Kieran Hunter
автор Bidji
Go to page 1Go to page 3
Текст анимации
Первый цвет
Второй цвет
Ширина
Высота
Скорость
Размер
Получить код
Как создать 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