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

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

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

(追記) (追記ここまで)

1 2 3 4 5 6 7

[フレーム]

автор JesGraPa

[フレーム]

автор Robert

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

[フレーム]

автор Kyle Brumm

Go to page 4 Go to page 6

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

Первый цвет

Второй цвет

Ширина

Высота

Скорость

Размер

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

Оцените страницу: 5.0/5 - 1 гол.

Включить префиксы: -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

(追記) (追記ここまで)