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

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

http://onlinegenerator.net ▣

Online generator

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

https://icons8.com/cssload ▣

CSS load

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

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

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

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

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

http://gifprint.com ▣

Gifprint

https://giphy.com ▣

Giphy