Анимированный загрузчик

codepen.io/diegopardo/pen/dglfc - fade loading - Текст идет волной, почти исчезая и вылазя в 3D.
Русский текст работает корректно.
Предложено 7 букв, лучше ориентировать на это количество, иначе эффект будет уже не тот.
codepen.io/viduthalai1947/pen/jkhdk - Pure CSS Loaders kit - Представлен ряд оригинальных погрузчиков, рядом берем код сразу на все и ищем свое, как скульптор — удаляя лишнее. :).
webkul.github.io/csspin/ - CSSPin - Коллекция загрузчиков, скачивается вместе и потом выбираем, что нужно.

Английский язык

Год: 2012

Online generator

Создаем онлайн картинку загрузчика или создаем ее на CSS, это может быть привычный классический загрузчик или необычный.

Выбираем картинку и изголяемся над ней, меняя размер, цвета, цвет фона, скорость вращения.

Веб-мастеру Ресурсы Анимированный GIF Загрузщик GIF

SpinKit

https://tobiasahlin.com/spinkit/

Английский язык

Год: 2008

адрес: Швеция

На сайте показан анимированный загрузчик, выполненный в CSS3.
Жмем стрелочку и смотрим другой и т.д.
Понравилось? Жмем Sourse и берем код.

➥

Веб-мастеру Ресурсы CSS CSS3 Загрузщик

https://icons8.com/cssload/

Английский язык

Год: 2011

международные

CSS load

Визуальный онлайн генератор всевозможных загрузчиков загрузчиков.

Как это работает

Заходим и получаем шаблоны различных загрузчиков (круговые, горизонтальные, 3D, текстовые, волнообразные ...)
выбираем, что нам более подходит,
попадаем в простой визуальный редактор, где можно поменять цвет, размер, фон (цветной, белый, черный или прозрачный), текст,
получаем код.

➥

Веб-мастеру Ресурсы Анимированный GIF Загрузщик GIF

Гифовина

https://gifovina.ru

Русский язык

Год: 2010

адрес: Россия

Бесплатный онлайн gif-аниматор.

Позволяет создавать анимированные картинки в формате gif (так называемые гифки).
Можно сделать анимированную аватарку, баннер или даже мультик.

Как это делается?

Загружаем картинки по одной нажимая на кнопку "Добавить кадр". Они будут кадрами вашей будущей анимации.
Указываем размер, длительность между сменами кадров, продолжительность эффекта и т.д.
Жмем «Готово» и получаем анимацию.

➥

Веб-мастеру Ресурсы Анимированный GIF GIF

http://gifprint.com

Английский язык

Год: 2011

адрес: США, Атланта

Gifprint

Разбирает анимированные GIF на раздельные картинки и делает из них книжку.

➥

Графика Анимация GIF Анимированный GIF Принтер

https://giphy.com

Английский язык

Год: 2012

Giphy

Огромный каталог анимированных GIF-файлов, по различным тематикам, их можно использовать в переписках.

Веб-мастеру Ресурсы Анимированный GIF GIF

CSS3 Animated Loading Bar

https://leemunroe.com/css3-animated-loading-bar

Английский язык

Год: 2007

Спокойных загрузчик.
Вращающаяся полоска.
Не настраивается ничего, просто берем код и если хотим, будем править его, не визуально.

➥

Веб-мастеру Ресурсы CSS CSS3 Загрузщик

spin.js

https://spin.js.org

Английский язык

Год: 2015

адрес: Германия, Гамбург

Визуальный генератор загрузчика на CSS3, без картинки.
Построен на бегунках.
Это круговые палочки. Настраиваем длину, вплоть до квадратиков или закруглим углы и до кружочков.
Настраиваем количество и скорость вращения. Прозрачность и направление движения.
Код забираем прокрутив страницу.

Веб-мастеру Ресурсы CSS CSS3 Загрузщик