Эра использования GIF-изображений для загрузки закончилась; это выглядит слишком убого. Использование HTML5/CSS3, а также SVG и canvas для анимаций загрузки — это и круто, и стильно. Это стало трендом.
Здесь представлены десятки эффектов загрузки, реализованных с помощью HTML5 и CSS3, для обучения и справочных целей.
01. Радужный загрузчик CSS
02. Slack-загрузчик из одного элемента
03. Загрузчик на чистом CSS3
04. CSS-загрузчик с шестеренкой
05. VSCO – CSS-загрузчик
06. CSS-загрузчик куба
07. CSS-загрузчик
08. Загрузчики-шестеренки в стиле Tumblr
Демо Скачать
09. CSS-загрузчик погоды
10. CSS-загрузчик Chrome Cast
11. CSS3-загрузчики
12. Загрузчик Android 4.4 Kitkat
13. Набор CSS-загрузчиков
14. Креативная загрузка на CSS
Демо Скачать
15. Анимация загрузки CSS
Демо Скачать
16. Загрузчик логотипа
17. Коллекция загрузчиков от Loaders.css
18. CSS-загрузчик с заполнением водой
19. CSS-загрузчик
20. Анимированная полоса загрузки CSS3
Демо Скачать
21. CSS-анимация текста загрузки
22. Простой загрузчик
23. CSS-анимация загрузки
24. CSS-загрузчик
25. CSS-загрузчик Pushing pixels
26. CSS-загрузчик
27. CSS-загрузчики
28. Случайный загрузчик
29. CSS-спиннеры из одного элемента
30. Простой CSS-загрузчик
31. SpinKit: CSS-загрузчики
32. Современный Google Loader
33. 2D- и 3D-блочные загрузчики
34. 12 бесплатных SVG-загрузчиков
35. Эффекты загрузки страницы
Демо Скачать
36. Pace.js – индикаторы прогресса загрузки страницы
37. Загрузка SVG-загрузчиков
38. Прелоадер в стиле Material Design
Автор: Шэнь Фэй
Оригинал: https://www.qianduan.net/free-html5-css3-loaders-preloaders/