Die Ära, GIF-Bilder zum Laden zu verwenden, ist vorbei; es sieht zu billig aus. HTML5/CSS3 sowie SVG und Canvas für Ladeanimationen zu verwenden, ist sowohl cool als auch edel. Das ist zum Trend geworden.
Hier sind Dutzende von Ladeeffekten, die mit HTML5 und CSS3 zum Lernen und Nachschlagen umgesetzt wurden.
01. CSS-Regenbogen-Loader

02. Einzelelement-Slack-Loader

03. Reiner CSS3-Loader

04. CSS-Zahnrad-Loader

05. VSCO – CSS-Loader

06. Würfel-CSS-Loader

07. CSS-Loader

08. Zahnrad-Loader im Tumblr-Stil

Demo Download
09. CSS-Wetter-Loader

10. Chrome-Cast-CSS-Loader

11. CSS3-Loader

12. Android 4.4 Kitkat-Loader

13. CSS-Loader-Kit

14. Kreatives CSS-Loading

Demo Download
15. CSS-Ladeanimation

Demo Download
16. Logo-Loader

17. Loader-Sammlung von Loaders.css

18. CSS-Loader mit Wasserfüllung

19. CSS-Loader

20. Animierter CSS3-Ladebalken

Demo Download
21. CSS-Lade-Textanimation

22. Einfacher Loader

23. CSS-Ladeanimation

24. CSS-Loader

25. Pixelverschiebender CSS-Loader

26. CSS-Loader

27. CSS-Ladeanimationen

28. Zufällige Ladeanimation

29. CSS-Spinner mit einem einzigen Element

30. Einfache CSS-Ladeanimation

31. SpinKit – CSS-Ladeanimationen

32. Moderner Google-Loader

33. 2D- und 3D-Block-Ladeanimationen

34. 12 kostenlose SVG-Ladeanimationen

35. Seitenlade-Effekte

Demo Download
36. Pace.js – Fortschrittsbalken beim Seitenladen

37. SVG-Ladeanimationen

38. Material-Design-Preloader

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