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

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

Гифовина

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

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

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

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

http://cssload.net

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

http://onlinegenerator.net

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

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

http://gifprint.com

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

SpinKit

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

Single Element CSS Spinners

Ряд загрузчиков на CSS3 (без картинки).
Настраивается цвет фона, загрузчика.
Затем сразу под погрузчиком берем код и пользуемся.

spin.js

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

CSS3 Animated Loading Bar

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