L'ère de l'utilisation d'images GIF pour le chargement est révolue ; cela fait trop bas de gamme. Utiliser HTML5/CSS3 ainsi que SVG et canvas pour les animations de chargement est à la fois cool et chic. C'est devenu une tendance.
Voici des dizaines d'effets de chargement implémentés avec HTML5 et CSS3 pour l'apprentissage et la référence.
01. Chargeur arc-en-ciel CSS

02. Chargeur Slack à un seul élément

03. Chargeur CSS3 pur

04. Chargeur CSS à engrenage

05. VSCO – chargeur CSS

06. Chargeur CSS Cube

07. Chargeur CSS

08. Chargeurs à engrenage de style Tumblr

Démo Télécharger
09. Chargeur météo CSS

10. Chargeur CSS Chrome Cast

11. Chargeurs CSS3

12. Chargeur Android 4.4 Kitkat

13. Kit de chargeurs CSS

14. Chargement créatif CSS

Démo Télécharger
15. Animation de chargement CSS

Démo Télécharger
16. Loader de logo

17. Collection de loaders par Loaders.css

18. Loader CSS de remplissage d'eau

19. Loader CSS

20. Barre de chargement CSS3 animée

Démo Télécharger
21. Animation de texte de chargement CSS

22. Loader simple

23. Animation de chargement CSS

24. Loader CSS

25. Loader CSS Pushing pixels

26. Loader CSS

27. Chargeurs CSS

28. Chargeur aléatoire

29. Spinners CSS à élément unique

30. Chargeur CSS simple

31. SpinKit – Chargeurs CSS

32. Chargeur Google moderne

33. Chargeurs à blocs 2D et 3D

34. 12 chargeurs SVG gratuits

35. Effets de chargement de page

Démo Télécharger
36. Pace.js – Barres de progression de chargement de page

37. Chargeurs SVG de chargement

38. Préchargeur Material Design

Auteur : Shen Fei
Original : https://www.qianduan.net/free-html5-css3-loaders-preloaders/