The era of loading with GIF images has passed, it appears too low, and the loading animations with HTML5/CSS3 and SVG and canvas are both cool and full. This has become a trend.
Here, dozens of HTML5 and CSS3 are collected to achieve the loading effect for learning reference.
Rainbow CSS Loader
Demo Download
A. Single element Slack Loader
Demo Download
A. Pure CSS3 Loader
Demo Download
. CSS Cog Loader
Demo Download
VSCO–CSS Loader.
Demo Download
. Cube CSS Loader
Demo Download
. CSS Loader
Demo Download
Tumblr-style COG Loaders
Demo Download
Weather CSS Loader
Demo Download
Chrome Cast CSS Loader
Demo Download
CSS3 Loaders
Demo Download
Android 4.4 Kitkat Loader
Demo Download
CSS Loaders Kit
Demo Download
CSS Creative Loading
Demo Download
CSS Loading Animation
Demo Download
Logo Loader
Demo Download
Loaders Collection by Loaders.css
Demo Download
CSS Water Filling Loader
Demo Download
CSS Loader
Demo Download
Animated CSS3 Loading Bar
Demo Download
CSS Loading Text animation
Demo Download
Simple Loader
Demo Download
Loading CSS Animation
Demo Download
CSS Loader
Demo Download
Pushing Pixels CSS Loader
Demo Download
CSS Loader
Demo Download
CSS Loaders
Demo Download
. Random Loader
Demo Download
. single element CSS Spinners
Demo Download
A. Simple CSS loader
Demo Download
Spinkit–css Loaders
Demo Download
Modern Google Loader
Demo Download
2D and 3D Block loaders
Demo Download
Other loaders and Preloaders34. Free SVG Loaders
Demo Download
Page Loading Effects
Demo Download
Pace.js–page Load Progress Bars
Demo Download
Panax Notoginseng Loading SVG Loaders
Demo Download
Material Design Preloader
Demo Download
HTML5+CSS3 Loading Effect Collection--Reprint