CSS Load.net - 3D индикаторы загрузки в CSS и HTML

3-х мерные индикаторы загрузки

3D индикаторы загрузки средствами CSS и HTML с генератором

автор JesGraPa

автор Kyle Brumm

автор Reinier Kaper

автор Reinier Kaper

автор wenbin zhou

автор wenbin zhou

автор Noah Blon

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

Первый цвет

Второй цвет

Ширина

Высота

Скорость

Размер

Получить код

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

Выделить код

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