Генератор индикаторов загрузки AJAX средствами CSS и HTML

Выберите желаемую категорию, создайте индикатор загрузки и скопируйте код

x
Вращающиеся Круглые (вращающиеся) индикаторы загрузки созданные при помощи CSS и HTML
Горизонтальные Горизонтальные индикаторы загрузки анимированные средствами CSS
3-х мерные Индикаторы загрузки анимированные в виде 3D движений
Разные Анимационные индикаторы загрузки, которые не впадают в другие категории
Анимированый текст Анимация текста предоставленного пользователем, при помощи CSS и HTML

Последние CSS анимации

автор Nicolas
автор CSS load.net
автор CSS load.net
автор CSS load.net
автор Morningtrain
автор Michael Hobizal
автор Paweł Kuna
автор CSS load.net
автор Bennett Feely
автор CSS Load.net
Текст анимации
Первый цвет
Второй цвет
Ширина
Высота
Скорость
Размер
Получить код
Как создать CSS анимацию
  • - Выбираете шаблон анимации
  • - Выбираете 2 цвета анимации
  • - Устанавливаете желаемый размер (Размер устанавливается с соблюдением пропорций автоматически)
  • - Выбираете скорость анимации
  • - Отмечаете "Да" в опции "Обратная анимация" для выбранного эффекта
Loading animation...
x
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