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

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

автор Mike Arvela
автор Jonathan Selwall
автор Marco Biedermann
автор Rich Howell
автор Short
автор GiVe
автор JesGraPa
автор JesGraPa
автор JesGraPa
автор JesGraPa
Go to page 3Go to page 5
Текст анимации
Первый цвет
Второй цвет
Ширина
Высота
Скорость
Размер
Получить код
Как создать 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